diff --git a/src/lib/layout/unauthenticated.svelte b/src/lib/layout/unauthenticated.svelte
index e48f9e6e6..b5fe495ea 100644
--- a/src/lib/layout/unauthenticated.svelte
+++ b/src/lib/layout/unauthenticated.svelte
@@ -360,6 +360,7 @@
         }
     }
 
+    // mobile logo positioned at bottom in mobile view
     .mobile-logo {
         position: absolute;
         bottom: 20px;
@@ -368,4 +369,16 @@
         max-width: 100%;
         margin-block-start: 0 !important;
     }
+
+    @media #{devices.$break1} {
+        .auth-container {
+            margin-block-end: 5rem;
+            margin-block-start: 2rem;
+        }
+
+        .container {
+            min-height: 100%;
+            position: relative;
+        }
+    }
 </style>