Add transform to sidebars

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

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',