diff --git a/crop-x/src/app/layout.tsx b/crop-x/src/app/layout.tsx
index 49f6462..f12e93c 100644
--- a/crop-x/src/app/layout.tsx
+++ b/crop-x/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import {Navbar1} from "@/components/layouts/Navbar"
+import {Navbar1} from "@/components/layouts/NavBar"
 import {SideBarOld} from '@/components/layouts/SideBar/SideBarOld'
 import '@/styles/globals.css'
 
diff --git a/crop-x/src/components/layouts/SideBar/components/LeftSidebar.tsx b/crop-x/src/components/layouts/SideBar/components/LeftSidebar.tsx
index 05e7b7d..cfc14f7 100644
--- a/crop-x/src/components/layouts/SideBar/components/LeftSidebar.tsx
+++ b/crop-x/src/components/layouts/SideBar/components/LeftSidebar.tsx
@@ -77,7 +77,7 @@ export function LeftSidebar({
   return (
     <div
       className={cn(
-        "bg-white border-r border-gray-200 transition-all duration-300 flex flex-col",
+        "bg-white border-r border-gray-200 transition-all duration-300 flex flex-col h-full",
         isMobile ? "fixed inset-y-0 left-0 z-50" : "relative",
         isCollapsed ? "w-16" : "w-64"
       )}
diff --git a/crop-x/src/styles/body.css b/crop-x/src/styles/body.css
index 2efc7c5..0ea7d36 100644
--- a/crop-x/src/styles/body.css
+++ b/crop-x/src/styles/body.css
@@ -14,6 +14,9 @@
     height: 100%;
     overflow-y: auto;
 }
+.sidebarScroll>div{
+    height: 100%;
+}
 
 .contentScroll{
     height: 100%;