diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index b687a77af..7e0f1f74a 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -395,7 +395,7 @@ export const DocsNav = ({
             </svg>
           </Button>
         </CollapsibleTrigger>
-        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
+        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
           <div className='mt-2'>
             <DocLink uri='/docs' label='Overview' setOpen={setOpen} />
             <DocLink
@@ -502,7 +502,7 @@ export const DocsNav = ({
             </svg>
           </Button>
         </CollapsibleTrigger>
-        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
+        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
           <div className='mt-2'>
             <DocLink uri='/learn' label='Overview' setOpen={setOpen} />
             <DocLink
@@ -606,7 +606,7 @@ export const DocsNav = ({
             </svg>
           </Button>
         </CollapsibleTrigger>
-        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
+        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
           <div className='mt-2'>
             <DocLink uri='/learn/guides' label='Overview' setOpen={setOpen} />
             <DocLink
@@ -679,7 +679,7 @@ export const DocsNav = ({
             </svg>
           </Button>
         </CollapsibleTrigger>
-        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden max-h-80 overflow-y-auto'>
+        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden max-h-80 overflow-y-auto scrollbar-hidden'>
           <div className='mt-2'>
             <DocLink
               uri='/understanding-json-schema/reference'
@@ -865,7 +865,7 @@ export const DocsNav = ({
             </svg>
           </Button>
         </CollapsibleTrigger>
-        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden'>
+        <CollapsibleContent className='ml-6 transition-all duration-500 ease-in-out data-[state=closed]:animate-[collapsible-up_0.5s_ease-in-out] data-[state=open]:animate-[collapsible-down_0.5s_ease-in-out] overflow-hidden scrollbar-hidden'>
           <div className='mt-2'>
             <DocLink uri='/specification' label='Overview' setOpen={setOpen} />
             <SegmentSubtitle label='Versions' />
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>