diff --git a/src/features/ui/components/modal-loading.tsx b/src/features/ui/components/modal-loading.tsx
index fbafa5071..61bccffb3 100644
--- a/src/features/ui/components/modal-loading.tsx
+++ b/src/features/ui/components/modal-loading.tsx
@@ -1,18 +1,11 @@
 import React from 'react';
 
-import { Spinner } from 'soapbox/components/ui';
+import { Modal, Spinner } from 'soapbox/components/ui';
 
 const ModalLoading = () => (
-  <div className='modal-root__modal error-modal'>
-    <div className='error-modal__body'>
-      <Spinner />
-    </div>
-    <div className='error-modal__footer'>
-      <div>
-        <button className='error-modal__nav' />
-      </div>
-    </div>
-  </div>
+  <Modal>
+    <Spinner />
+  </Modal>
 );
 
 export default ModalLoading;