diff --git a/src/layouts/AuthLayout.tsx b/src/layouts/AuthLayout.tsx
index d68f41d..b8c486b 100644
--- a/src/layouts/AuthLayout.tsx
+++ b/src/layouts/AuthLayout.tsx
@@ -2,7 +2,7 @@ import { Outlet } from "react-router-dom";
 
 export default function AuthLayout() {
   return (
-    <div className="min-h-screen flex justify-center items-start">
+    <div className="min-h-screen flex justify-center items-start sm:items-center">
       <div className="w-[21.875rem]">
         <Outlet />
       </div>
diff --git a/src/pages/AuthPage/SigninPage.tsx b/src/pages/AuthPage/SigninPage.tsx
index 3e994bb..c2dca54 100644
--- a/src/pages/AuthPage/SigninPage.tsx
+++ b/src/pages/AuthPage/SigninPage.tsx
@@ -97,7 +97,7 @@ export default function SigninPage() {
   };
 
   return (
-    <div className="w-full pt-[8.75rem] sm:pt-[17.5rem] lg:pt-[19.5rem] pb-[15.625rem] sm:pb-[26.125rem] lg:pb-[15.5rem]">
+    <div className="w-full pt-[8.75rem] sm:pt-0">
       <Link to={ROUTES.NOTICE.ROOT}>
         <Logo className="mx-auto mb-2 h-[2.375rem] sm:h-[2.8125rem] w-[13rem] sm:w-[15.5rem]" />
       </Link>
diff --git a/src/pages/AuthPage/SignupPage.tsx b/src/pages/AuthPage/SignupPage.tsx
index 7c9f2dc..c45eb68 100644
--- a/src/pages/AuthPage/SignupPage.tsx
+++ b/src/pages/AuthPage/SignupPage.tsx
@@ -115,7 +115,7 @@ export default function SignupPage() {
   };
 
   return (
-    <div className="w-full pt-[4.5625rem] sm:pt-[8.6875rem] lg:pt-[9.75rem] pb-[5.1975rem] sm:pb-[20.6875rem] lg:pb-[12.8125rem] ">
+    <div className="w-full pt-[4.5625rem] sm:pt-0">
       <Link to={ROUTES.NOTICE.ROOT}>
         <Logo className="mx-auto mb-2 h-[2.375rem] sm:h-[2.8125rem] w-[13rem] sm:w-[15.5rem]" />
       </Link>