diff --git a/web/src/lib/components/layouts/AuthPageLayout.svelte b/web/src/lib/components/layouts/AuthPageLayout.svelte
index 399ee6e8f7..3185806c9d 100644
--- a/web/src/lib/components/layouts/AuthPageLayout.svelte
+++ b/web/src/lib/components/layouts/AuthPageLayout.svelte
@@ -11,9 +11,9 @@
 </script>
 
 <section class="min-w-screen flex min-h-screen items-center justify-center relative">
-  <div class="absolute -z-10 w-[99%] flex place-items-center place-content-center">
+  <div class="absolute -z-10 w-[99%] h-[99%] flex place-items-center place-content-center">
     <img src="/immich-logo-no-bg.svg" class="w-[750px] mb-2 antialiased -z-10" alt="Immich logo" />
-    <div class=" w-full h-full absolute left-0 top-0 backdrop-blur-3xl bg-immich-bg/40 dark:bg-immich-dark-bg/20"></div>
+    <div class="w-full h-[99%] absolute left-0 top-0 backdrop-blur-3xl bg-immich-bg/40 dark:bg-immich-dark-bg/20"></div>
   </div>
 
   <Card color="secondary" class="w-full max-w-lg border m-2">