From 415e3b950151564226969fac2c1465437be2afa9 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Tue, 3 Dec 2024 16:49:23 -0600
Subject: [PATCH] Use stable one-edge, update logic in RightNav

---
 bskyweb/templates/base.html         | 2 +-
 src/view/shell/desktop/RightNav.tsx | 2 +-
 web/index.html                      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

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) {