diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index d0dacd47a..038f6c9a0 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -365,22 +365,20 @@
         position: absolute;
         bottom: 20px;
         left: 50%;
-        transform: translateX(-50%);
+        transform: translate(-50%, -50%);
         max-width: 100%;
         margin-block-start: 0 !important;
     }
 
-    .container {
-        position: relative;
-        min-height: 100vh;
-    }
-
-    .auth-container {
-        max-inline-size: 27.5rem;
-
-        @media #{devices.$break1} {
-            margin-top: 32px;
-            margin-bottom: 80px;
+    @media #{devices.$break1} {
+        .auth-container {
+            margin-block-end: 5rem;
+            margin-block-start: 2rem;
+        }
+        
+        .container {
+            min-height: 100%;
+            position: relative;
         }
     }
 </style>