Bugfix double scrollbar

docs/app/docs/layout.tsx

@@ -8,7 +8,7 @@ const InfoIcon = () => {
 
 const Layout = ({ children }: any) => {
     return (
-        <div data-accent-color="blue" className="flex space-x-2 w-full h-[94vh] overflow-hidden">
+        <div data-accent-color="blue" className="flex space-x-2 w-full h-[90vh] overflow-hidden">
             <div className='flex-none h-full flex flex-col'>
                 <Navigation />
             </div>

docs/components/navigation/Navigation.js

@@ -247,7 +247,7 @@ const Navigation = () => {
     }
 
 
-    return <div className=' relative border-box px-1 overflow-y-scroll lg:block flex flex-col pb-[200px] min-w-[40px] min-h-[40px]'>
+    return <div className=' relative border-box px-1 overflow-y-auto overflow-x-hidden lg:block flex flex-col pb-[200px] min-w-[40px] min-h-[40px]'>
         <div onClick={toggleCollapse} className={`absolute right-2 top-3 cursor-pointer` }>{isCollapsed? <HamburgerIcon /> : <XIcon />}</div>
         <div className={`${isCollapsed ? "hidden" : "block"}`}>
             <div className='flex-none' style={{ width: "240px" }}>