diff --git a/packages/ui/src/components/views/SettingsView.tsx b/packages/ui/src/components/views/SettingsView.tsx
index e89f5535..6b1be7ff 100644
--- a/packages/ui/src/components/views/SettingsView.tsx
+++ b/packages/ui/src/components/views/SettingsView.tsx
@@ -669,20 +669,16 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
           <div className={cn('w-[264px] min-w-[264px] border-r', runtimeCtx.isVSCode ? 'bg-background' : 'bg-sidebar')} style={{ borderColor: 'var(--interactive-border)' }}>
             <ErrorBoundary>{renderPageSidebar(settingsSlug, {})}</ErrorBoundary>
           </div>
-          <div className="flex-1 overflow-auto scrollbar-none bg-background">
-            <div className="mx-auto h-full w-full max-w-3xl">
-              <ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
-            </div>
+          <div className="flex-1 min-h-0 overflow-hidden bg-background">
+            <ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
           </div>
         </div>
       );
     }
 
     return (
-      <div className="h-full overflow-auto scrollbar-none bg-background">
-        <div className="mx-auto h-full w-full max-w-3xl">
-          <ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
-        </div>
+      <div className="h-full min-h-0 overflow-hidden bg-background">
+        <ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
       </div>
     );
   };
diff --git a/packages/ui/src/index.css b/packages/ui/src/index.css
index c9e3a29e..7f1634e6 100644
--- a/packages/ui/src/index.css
+++ b/packages/ui/src/index.css
@@ -1446,3 +1446,8 @@ textarea[data-terminal-hidden-input="true"]::placeholder {
 
 
 }
+
+/* Settings dialog: hide the overlay scrollbar; wheel/keyboard scroll still works. */
+[data-settings-view="true"] .overlay-scrollbar {
+  display: none;
+}