fix: scrollbar gutter shifting issue

2026-07-01 17:28:25 +05:30
parent b1174c8825
commit 1a94ff80e6
3 changed files with 7 additions and 7 deletions
--- a/src/app/(modules)/layout.tsx
+++ b/src/app/(modules)/layout.tsx
@@ -16,7 +16,7 @@ const ModulesLayout = ({
      <SidebarProvider>
        <AppSidebar />
        <main className="flex flex-1 flex-col w-full h-screen overflow-hidden">
-          <div className="flex-1 overflow-auto [scrollbar-gutter:stable]">
+          <div className="scroll-stable flex-1 overflow-auto">
            <div className="max-w-380 mx-auto w-full flex flex-col min-h-full">
              <div className="flex gap-3 items-center sticky top-0 bg-background z-50 py-3 px-6 border-b border-border">
                <SidebarTrigger />