From 66a113b61a7d97878dba2bc3f9cc50e3d5fe1da2 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 24 May 2022 15:31:46 -0400
Subject: [PATCH] d-screen: fall back to h-screen

---
 app/soapbox/components/loading-screen.tsx | 5 +++--
 app/styles/application.scss               | 2 ++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/components/loading-screen.tsx b/app/soapbox/components/loading-screen.tsx
index d132933a4f..991007ba81 100644
--- a/app/soapbox/components/loading-screen.tsx
+++ b/app/soapbox/components/loading-screen.tsx
@@ -10,8 +10,9 @@ const LoadingScreen: React.FC = () => {
       <LandingGradient />
 
       <div className='fixed d-screen w-screen flex items-center justify-center z-10'>
-        {/* Bump up spinner vertically to counteract optical illusion. */}
-        <Spinner size={40} withText={false} />
+        <div className='p-4'>
+          <Spinner size={40} withText={false} />
+        </div>
       </div>
     </div>
   );
diff --git a/app/styles/application.scss b/app/styles/application.scss
index 660fb4a683..c0033a0500 100644
--- a/app/styles/application.scss
+++ b/app/styles/application.scss
@@ -104,6 +104,8 @@
   }
 
   .d-screen {
+    height: 100vh; // Backwards compatibility
+    /* stylelint-disable-next-line unit-no-unknown */
     height: 100dvh;
   }
 }