diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx
index 773275d4c7..ee64beb665 100644
--- a/src/view/shell/desktop/LeftNav.tsx
+++ b/src/view/shell/desktop/LeftNav.tsx
@@ -490,6 +490,10 @@ const styles = StyleSheet.create({
       {
         translateX: '-100%',
       },
+      {
+        // @ts-ignore web only -esb
+        translateX: 'calc(-1 * var(--removed-body-scroll-bar-size, 0px) / 2)',
+      },
     ],
     width: 240,
     // @ts-ignore web only
diff --git a/src/view/shell/desktop/RightNav.tsx b/src/view/shell/desktop/RightNav.tsx
index 65d0ed6b46..96acc0397f 100644
--- a/src/view/shell/desktop/RightNav.tsx
+++ b/src/view/shell/desktop/RightNav.tsx
@@ -127,6 +127,10 @@ const styles = StyleSheet.create({
       {
         translateX: 300,
       },
+      {
+        // @ts-ignore web only -esb
+        translateX: 'calc(-1 * var(--removed-body-scroll-bar-size, 0px) / 2)',
+      },
     ],
     maxHeight: '100%',
     overflowY: 'auto',