fix: scrollbar gutter shifting issue

src/app/globals.css

@@ -122,16 +122,12 @@
 }
 
 @layer base {
-  html {
-    scrollbar-gutter: stable;
-  }
-
   html:has(body[data-scroll-locked]) {
     scrollbar-gutter: auto;
   }
 
   @supports not (scrollbar-gutter: stable) {
-    html {
+    .scroll-stable {
       overflow-y: scroll;
     }
   }
@@ -143,4 +139,8 @@
   body {
     @apply bg-background text-foreground;
   }
+
+  .scroll-stable {
+    scrollbar-gutter: stable;
+  }
 }