diff --git a/src/scss/modal.scss b/src/scss/modal.scss
index 2e201e3d..8f7f8c51 100644
--- a/src/scss/modal.scss
+++ b/src/scss/modal.scss
@@ -40,6 +40,7 @@
     font-family: Ezra;
     font-size: 30px;
     word-wrap: break-word;
+    line-height: 1.5;
   }
 
   .masa-spinner {
@@ -535,6 +536,10 @@
     .dont-have-a-wallet {
       padding-top: 0;
     }
+
+    .loading {
+      height: 70%;
+    }
   }
 
   .interface-error-modal {
diff --git a/src/ui/components/modals/ModalLoading.tsx b/src/ui/components/modals/ModalLoading.tsx
index d006b3d6..9c9c57a9 100644
--- a/src/ui/components/modals/ModalLoading.tsx
+++ b/src/ui/components/modals/ModalLoading.tsx
@@ -3,7 +3,7 @@ import { Spinner } from '../spinner';
 
 export const ModalLoading = ({ titleText }: { titleText?: ReactNode }) => (
   <section className="interface-connected">
-    <section>
+    <section className="loading">
       <h3 className="title">{titleText}</h3>
       <Spinner />
     </section>
diff --git a/src/ui/components/modals/authenticate/connected-view.tsx b/src/ui/components/modals/authenticate/connected-view.tsx
index 714ed885..6fe2ee67 100644
--- a/src/ui/components/modals/authenticate/connected-view.tsx
+++ b/src/ui/components/modals/authenticate/connected-view.tsx
@@ -36,7 +36,7 @@ const ConnectedView = ({
   return (
     <Modal>
       <section className="interface-connected">
-        <section>
+        <section className="loading">
           <h3 className="title">{titleText}</h3>
           <Spinner />
         </section>