diff --git a/src/components/Layout/SidebarNav/SidebarNav.tsx b/src/components/Layout/SidebarNav/SidebarNav.tsx
index 17127096035..29e6ae35dc8 100644
--- a/src/components/Layout/SidebarNav/SidebarNav.tsx
+++ b/src/components/Layout/SidebarNav/SidebarNav.tsx
@@ -34,9 +34,10 @@ export default function SidebarNav({
         'sticky top-0 lg:bottom-0 lg:h-[calc(100vh-4rem)] flex flex-col'
       )}>
       <div
-        className="overflow-y-scroll no-bg-scrollbar lg:w-[342px] grow bg-wash dark:bg-wash-dark"
+        className="overflow-y-auto no-bg-scrollbar lg:w-[342px] grow bg-wash dark:bg-wash-dark"
         style={{
           overscrollBehavior: 'contain',
+          scrollbarGutter: 'stable',
         }}>
         <aside
           className={cn(