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;
   }