refactor(frontend): revise the scrollbar styling on the settings page (#11297)

hieptl · web-flow · commit 4285c49edd2b · 2025-10-09T23:47:58.000+07:00
diff --git a/frontend/src/components/features/settings/settings-layout.tsx b/frontend/src/components/features/settings/settings-layout.tsx
@@ -48,7 +48,9 @@ export function SettingsLayout({
         />
 
         {/* Main content */}
-        <main className="flex-1 overflow-auto">{children}</main>
+        <main className="flex-1 overflow-auto custom-scrollbar-always">
+          {children}
+        </main>
       </div>
     </div>
   );
diff --git a/frontend/src/routes/settings.tsx b/frontend/src/routes/settings.tsx
@@ -68,7 +68,7 @@ function SettingsScreen() {
       <SettingsLayout navigationItems={navItems} isSaas={isSaas}>
         <div className="flex flex-col gap-6 h-full">
           <Typography.H2>{t(currentSectionTitle)}</Typography.H2>
-          <div className="flex-1 overflow-auto">
+          <div className="flex-1 overflow-auto custom-scrollbar-always">
             <Outlet />
           </div>
         </div>
