diff --git a/web/src/app/auth/login/page.tsx b/web/src/app/auth/login/page.tsx
index 656f391..a22f4e8 100644
--- a/web/src/app/auth/login/page.tsx
+++ b/web/src/app/auth/login/page.tsx
@@ -4,7 +4,7 @@ import { AuthHeader } from '@/components/auth/common/auth-header'
 
 function LoginPageContent() {
   return (
-    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
       <div className="flex w-full max-w-sm flex-col gap-6">
         <AuthHeader />
         <LoginForm />
@@ -16,7 +16,7 @@ function LoginPageContent() {
 export default function LoginPage() {
   return (
     <Suspense fallback={(
-      <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+      <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
         <div className="flex w-full max-w-sm flex-col gap-6">
           <div className="animate-pulse">
             <div className="flex items-center gap-3 self-center mb-6">
diff --git a/web/src/app/auth/register/page.tsx b/web/src/app/auth/register/page.tsx
index 29e5476..2ada8ce 100644
--- a/web/src/app/auth/register/page.tsx
+++ b/web/src/app/auth/register/page.tsx
@@ -4,7 +4,7 @@ import { RegisterForm } from '@/components/auth/register/register-form'
 
 function PageContent() {
   return (
-    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
       <div className="flex w-full max-w-sm flex-col gap-6">
         <AuthHeader />
         <RegisterForm />
@@ -16,7 +16,7 @@ function PageContent() {
 export default function Page() {
   return (
     <Suspense fallback={(
-      <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+      <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
         <div className="flex w-full max-w-sm flex-col gap-6">
           <div className="animate-pulse">
             <div className="flex items-center gap-3 self-center mb-6">
diff --git a/web/src/app/auth/reset-password/page.tsx b/web/src/app/auth/reset-password/page.tsx
index 6ba8175..0639f0e 100644
--- a/web/src/app/auth/reset-password/page.tsx
+++ b/web/src/app/auth/reset-password/page.tsx
@@ -2,7 +2,7 @@ import { AuthHeader } from "@/components/auth/common/auth-header";
 import { ResetPasswordForm } from "@/components/auth/reset-password/reset-password-form";
 export default function Page() {
   return (
-    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+    <div className="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-2 md:p-10">
       <div className="flex w-full max-w-sm flex-col gap-6">
         <AuthHeader />
         <ResetPasswordForm />