diff --git a/src/routes/Login.tsx b/src/routes/Login.tsx
index 539fc3c78..9cdbe9575 100644
--- a/src/routes/Login.tsx
+++ b/src/routes/Login.tsx
@@ -27,7 +27,7 @@ export const LoginRoute: FC = () => {
   }, []); */
 
   return (
-    <div className="flex flex-col items-center justify-center p-4">
+    <div className="flex flex-1 flex-col items-center justify-center p-4">
       <Logo className="h-16 w-16" isDark />
 
       <div className="my-4 px-2.5 py-1.5 text-center font-semibold">
diff --git a/src/routes/__snapshots__/Login.test.tsx.snap b/src/routes/__snapshots__/Login.test.tsx.snap
index f9aef48be..7938da305 100644
--- a/src/routes/__snapshots__/Login.test.tsx.snap
+++ b/src/routes/__snapshots__/Login.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`routes/Login.tsx should render itself & its children 1`] = `
   "baseElement": <body>
     <div>
       <div
-        class="flex flex-col items-center justify-center p-4"
+        class="flex flex-1 flex-col items-center justify-center p-4"
       >
         <svg
           aria-label="Gitify Logo"
@@ -113,7 +113,7 @@ exports[`routes/Login.tsx should render itself & its children 1`] = `
   </body>,
   "container": <div>
     <div
-      class="flex flex-col items-center justify-center p-4"
+      class="flex flex-1 flex-col items-center justify-center p-4"
     >
       <svg
         aria-label="Gitify Logo"
