fix scroll

components/Layout.tsx

@@ -155,13 +155,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
               className={`h-4 w-4 shrink-0 ${!isCollapsed ? 'rotate-180' : ''}`}
             />
           </button>
-          <div
-            className={`hide-scroll h-full ${
-              !isCollapsed ? 'overflow-y-auto' : ''
-            }`}
-          >
-            <SideNav collapsed={isCollapsed} />
-          </div>
+          <SideNav collapsed={isCollapsed} />
         </div>
         <div
           className={`w-full transition-all duration-${sideBarAnimationDuration} ease-in-out ${

components/SideNav.tsx

@@ -158,7 +158,7 @@ const SideNav = ({ collapsed }: { collapsed: boolean }) => {
     <>
       <div
         className={`transition-all duration-${sideBarAnimationDuration} ${
-          collapsed ? 'w-[64px]' : 'w-[200px]'
+          collapsed ? 'w-[64px]' : 'hide-scroll w-[200px] overflow-y-auto'
         } border-r border-th-bkg-3 bg-th-bkg-1 bg-contain`}
         // style={
         //   collapsed