diff --git a/client/src/App.tsx b/client/src/App.tsx
index ef5ab9c..3608ef8 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -349,7 +349,7 @@ function AppContent() {
       <SidebarProvider>
         <AppSidebar user={user} />
         <SidebarInset>
-          <div className={`min-h-screen bg-background flex flex-col min-w-0 overflow-x-hidden ${adhdEnabled ? 'adhd-mode' : ''} ${adhdEnabled && adhdSettings.reducedAnimations ? 'reduced-motion' : ''} ${adhdEnabled && adhdSettings.largerTargets ? 'larger-targets' : ''}`}>
+          <div className={`min-h-screen bg-background flex flex-col min-w-0 ${adhdEnabled ? 'adhd-mode' : ''} ${adhdEnabled && adhdSettings.reducedAnimations ? 'reduced-motion' : ''} ${adhdEnabled && adhdSettings.largerTargets ? 'larger-targets' : ''}`}>
             {/* Mobile Header with Sidebar Toggle */}
             <header className="sticky top-0 z-50 flex items-center gap-3 px-4 py-3 bg-background/80 backdrop-blur-xl border-b border-border/50 md:hidden">
               <SidebarTrigger className="h-9 w-9" />
@@ -360,7 +360,7 @@ function AppContent() {
                 <span className="font-bold text-lg">{t('app.title')}</span>
               </div>
             </header>
-            <main className="flex-1 p-4 md:p-6 max-w-screen-2xl mx-auto w-full relative overflow-x-hidden">
+            <main className="flex-1 p-4 md:p-6 max-w-screen-2xl mx-auto w-full relative">
               <Switch>
                 <Route path="/">
                   <FocusMode
diff --git a/client/src/index.css b/client/src/index.css
index b27b4ae..f9bfe5e 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -2,10 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Prevent horizontal scroll globally */
-html, body, #root {
+/* Prevent horizontal scroll globally — only on root, not nested containers */
+#root {
   overflow-x: clip;
-  overscroll-behavior-x: none;
+  max-width: 100vw;
 }
 
 /* LIGHT MODE */