diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index f034a1849..fe0a551dd 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -675,7 +675,8 @@ export const DocsNav = ({
             'ml-6 transition-all duration-500 ease-in-out',
             {
               'max-h-0 opacity-0 overflow-hidden': !active.getReference,
-              'max-h-80 overflow-y-auto opacity-100': active.getReference,
+              'max-h-80 overflow-y-auto scrollbar-hidden opacity-100':
+                active.getReference,
             },
           )}
           id='reference'
diff --git a/pages/tools/components/ui/DropdownMenu.tsx b/pages/tools/components/ui/DropdownMenu.tsx
index 3b7ba470b..0cddcf999 100644
--- a/pages/tools/components/ui/DropdownMenu.tsx
+++ b/pages/tools/components/ui/DropdownMenu.tsx
@@ -78,7 +78,7 @@ export default function DropdownMenu({
         </CollapsibleTrigger>
 
         <CollapsibleContent className='ml-0 mt-0 overflow-hidden transition-all duration-500 ease-in-out data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up'>
-          <div className='max-h-80 overflow-y-auto transition-all duration-500 ease-in-out'>
+          <div className='max-h-80 overflow-y-auto scrollbar-hidden transition-all duration-500 ease-in-out'>
             {children}
           </div>
         </CollapsibleContent>