diff --git a/apps/frontend/src/pages/auth.vue b/apps/frontend/src/pages/auth.vue
index 20f3587ed4..900b9f411f 100644
--- a/apps/frontend/src/pages/auth.vue
+++ b/apps/frontend/src/pages/auth.vue
@@ -8,14 +8,15 @@ useSeoMeta({
 })
 </script>
 <template>
-	<NuxtPage class="auth-container universal-card border border-solid border-surface-5" />
+	<div class="grid min-h-[calc(100vh-4.5rem)] place-items-center pb-20">
+		<NuxtPage class="auth-container universal-card border border-solid border-surface-5" />
+	</div>
 </template>
 
 <style>
 .auth-container {
 	width: 28rem;
 	max-width: calc(100% - 2rem);
-	margin: 1rem auto;
 	display: flex;
 	flex-direction: column;
 	gap: 2rem;
diff --git a/apps/frontend/src/pages/auth/sign-in.vue b/apps/frontend/src/pages/auth/sign-in.vue
index 7697c66ae8..2a34b5d065 100644
--- a/apps/frontend/src/pages/auth/sign-in.vue
+++ b/apps/frontend/src/pages/auth/sign-in.vue
@@ -1,18 +1,20 @@
 <template>
-	<SignInView
-		v-model:email="email"
-		v-model:password="password"
-		v-model:token="token"
-		v-model:two-factor-code="twoFactorCode"
-		:subtle-launcher-redirect-uri="subtleLauncherRedirectUri"
-		:flow="flow"
-		:redirect-target="redirectTarget"
-		:route-query="route.query"
-		:globals="globals"
-		:on-password-sign-in="beginPasswordSignIn"
-		:on-two-factor-sign-in="begin2FASignIn"
-		:on-set-captcha-ref="setCaptchaRef"
-	/>
+	<div>
+		<SignInView
+			v-model:email="email"
+			v-model:password="password"
+			v-model:token="token"
+			v-model:two-factor-code="twoFactorCode"
+			:subtle-launcher-redirect-uri="subtleLauncherRedirectUri"
+			:flow="flow"
+			:redirect-target="redirectTarget"
+			:route-query="route.query"
+			:globals="globals"
+			:on-password-sign-in="beginPasswordSignIn"
+			:on-two-factor-sign-in="begin2FASignIn"
+			:on-set-captcha-ref="setCaptchaRef"
+		/>
+	</div>
 </template>
 
 <script setup>