diff --git a/src/app/(user-access)/layout.module.css b/src/app/(user-access)/layout.module.css
index c93b01d..56c8ced 100644
--- a/src/app/(user-access)/layout.module.css
+++ b/src/app/(user-access)/layout.module.css
@@ -7,16 +7,15 @@
   width: 100%;
   background-color: var(--gray-100);
 }
+
 .authContent {
   width: 100%;
-  max-width: 400px;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
+  max-width: 351px;
   background-color: var(--gray-100);
   border-radius: 8px;
   padding: 20px;
 }
+
 .logoContainer {
   display: flex;
   flex-direction: column;
@@ -24,15 +23,11 @@
   align-items: center;
   margin: 16px 0;
 }
+
 .logo {
   width: 100%;
   height: auto;
 }
-@media screen and (min-width: 768px) {
-  .authContent {
-    max-width: 351px;
-  }
-}
 
 @media screen and (min-width: 1200px) {
   .authContent {
diff --git a/src/app/(user-access)/login/loginPage.module.css b/src/app/(user-access)/login/loginPage.module.css
index b0cba24..0637301 100644
--- a/src/app/(user-access)/login/loginPage.module.css
+++ b/src/app/(user-access)/login/loginPage.module.css
@@ -3,7 +3,6 @@
   flex-direction: column;
   gap: 18px;
   width: 100%;
-  max-width: 400px;
 }
 
 .inputWrapper {
diff --git a/src/components/header/UserSection.tsx b/src/components/header/UserSection.tsx
index 7ca9ac4..a6e71c9 100644
--- a/src/components/header/UserSection.tsx
+++ b/src/components/header/UserSection.tsx
@@ -24,7 +24,9 @@ export default function UserSection() {
 
   const handleLogout = () => {
     clearUser();
-    router.replace('/');
+    setTimeout(() => {
+      router.push('/');
+    }, 0); // 비동기적 push 호출 보장
   };
 
   const myInfoMenus: Menu[] = [