diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html
index bee2dd1f09..231cff4a27 100644
--- a/bskyweb/templates/base.html
+++ b/bskyweb/templates/base.html
@@ -44,7 +44,7 @@
     }
     html {
       background-color: white;
-      scrollbar-gutter: stable both-edges;
+      scrollbar-gutter: stable;
     }
     @media (prefers-color-scheme: dark) {
       html {
diff --git a/src/view/shell/desktop/RightNav.tsx b/src/view/shell/desktop/RightNav.tsx
index a8c260088a..eb2101f001 100644
--- a/src/view/shell/desktop/RightNav.tsx
+++ b/src/view/shell/desktop/RightNav.tsx
@@ -129,7 +129,7 @@ const styles = StyleSheet.create({
       },
       {
         // @ts-ignore web only -esb
-        translateX: 'var(--scrollbar-offset-negative, 0px)',
+        translateX: 'var(--scrollbar-offset, 0px)',
       },
     ],
     maxHeight: '100%',
diff --git a/web/index.html b/web/index.html
index 1a97e1ed6a..20aab1dd75 100644
--- a/web/index.html
+++ b/web/index.html
@@ -49,7 +49,7 @@
       }
       html {
         background-color: white;
-        scrollbar-gutter: stable both-edges;
+        scrollbar-gutter: stable;
         overflow-y: scroll;
       }
       @media (prefers-color-scheme: dark) {