From 2b7f4694da3309de8a59d43cff3c1ec7c414e3c5 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 22 May 2022 13:27:08 -0500
Subject: [PATCH] LoadingScreen: bump up spinner vertically to counteract
 optical illusion

---
 app/soapbox/components/loading-screen.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/loading-screen.tsx b/app/soapbox/components/loading-screen.tsx
index 92882f98f8..ffa1fa8f96 100644
--- a/app/soapbox/components/loading-screen.tsx
+++ b/app/soapbox/components/loading-screen.tsx
@@ -10,7 +10,10 @@ const LoadingScreen: React.FC = () => {
       <LandingGradient />
 
       <div className='fixed h-screen w-screen flex items-center justify-center z-10'>
-        <Spinner size={40} withText={false} />
+        {/* Bump up spinner vertically to counteract optical illusion. */}
+        <div className='-translate-y-3/4'>
+          <Spinner size={40} withText={false} />
+        </div>
       </div>
     </div>
   );