diff --git a/src/components/sidebar/index.tsx b/src/components/sidebar/index.tsx
index ad7bc621a48cf..43bfa1499f1d0 100644
--- a/src/components/sidebar/index.tsx
+++ b/src/components/sidebar/index.tsx
@@ -86,7 +86,7 @@ export async function Sidebar({path, versions}: SidebarProps) {
     <aside className={styles.sidebar}>
       <input type="checkbox" id={sidebarToggleId} className="hidden" />
       <style>{':root { --sidebar-width: 300px; }'}</style>
-      <div className="md:flex flex-col items-stretch">
+      <div className="md:flex flex-col items-stretch overflow-auto">
         <div className="platform-selector">
           <div className="mb-3">
             <PlatformSelector
diff --git a/src/components/sidebar/style.module.scss b/src/components/sidebar/style.module.scss
index 997651ea59739..c94e6c073891d 100644
--- a/src/components/sidebar/style.module.scss
+++ b/src/components/sidebar/style.module.scss
@@ -70,6 +70,7 @@
   }
 
   .toc {
+    overflow: auto;
     font-size: 0.875rem;
     flex: 1;
     overflow-y: hidden;