From 863dd3ff0c8142030d9cb833608ab8f1ac35d737 Mon Sep 17 00:00:00 2001
From: YDG <zzmn1234@naver.com>
Date: Sun, 25 May 2025 15:29:39 +0900
Subject: [PATCH] fix: prevent layout breaking on mobile with min-width

---
 src/components/Layout/TopNav/TopNav.tsx | 2 +-
 src/styles/index.css                    | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/TopNav/TopNav.tsx b/src/components/Layout/TopNav/TopNav.tsx
index cc5c654e3d0..155e3385344 100644
--- a/src/components/Layout/TopNav/TopNav.tsx
+++ b/src/components/Layout/TopNav/TopNav.tsx
@@ -242,7 +242,7 @@ export default function TopNav({
         className={cn(
           isMenuOpen
             ? 'h-screen sticky top-0 lg:bottom-0 lg:h-screen flex flex-col shadow-nav dark:shadow-nav-dark z-20'
-            : 'z-40 sticky top-0'
+            : 'z-40 fixed top-0 left-0 right-0'
         )}>
         <nav
           className={cn(
diff --git a/src/styles/index.css b/src/styles/index.css
index 6b2915be482..60725b51f98 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -393,6 +393,8 @@
   html {
     color-scheme: light;
 
+    overflow-x: hidden;
+
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
   }