diff --git a/apps/frontend/src/routes/_assessmentLayout.tsx b/apps/frontend/src/routes/_assessmentLayout.tsx
index eda20d9..3bbad5c 100644
--- a/apps/frontend/src/routes/_assessmentLayout.tsx
+++ b/apps/frontend/src/routes/_assessmentLayout.tsx
@@ -40,14 +40,19 @@ function AssessmentLayout() {
   });
 
   const [openNavbar, setNavbarOpen] = useState(true);
+  const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
   const toggle = () => {
     setNavbarOpen(!openNavbar);
   };
 
+  const toggleLeftSidebar = () => {
+    setIsLeftSidebarOpen(!isLeftSidebarOpen);
+  };
+
   return isAuthenticated ? (
     <div className="flex flex-col w-full h-screen overflow-hidden">
       {/* Header */}
-      <AppHeader toggle={toggle} openNavbar={openNavbar} />
+      <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
 
       {/* Main Content Area */}
       <div className="flex h-full w-screen overflow-hidden">
diff --git a/apps/frontend/src/routes/_dashboardLayout.tsx b/apps/frontend/src/routes/_dashboardLayout.tsx
index 5581aeb..d50a3fa 100644
--- a/apps/frontend/src/routes/_dashboardLayout.tsx
+++ b/apps/frontend/src/routes/_dashboardLayout.tsx
@@ -40,14 +40,19 @@ function DashboardLayout() {
   });
 
   const [openNavbar, setNavbarOpen] = useState(true);
+  const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
   const toggle = () => {
     setNavbarOpen(!openNavbar);
   };
 
+  const toggleLeftSidebar = () => {
+    setIsLeftSidebarOpen(!isLeftSidebarOpen);
+  };
+
   return isAuthenticated ? (
     <div className="flex flex-col w-full h-screen overflow-hidden">
       {/* Header */}
-      <AppHeader toggle={toggle} openNavbar={openNavbar} />
+      <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
 
       {/* Main Content Area */}
       <div className="flex h-full w-screen overflow-hidden">
diff --git a/apps/frontend/src/routes/_verifyingLayout.tsx b/apps/frontend/src/routes/_verifyingLayout.tsx
index c3ec490..31de8e6 100644
--- a/apps/frontend/src/routes/_verifyingLayout.tsx
+++ b/apps/frontend/src/routes/_verifyingLayout.tsx
@@ -40,14 +40,19 @@ function VerifyingLayout() {
   });
 
   const [openNavbar, setNavbarOpen] = useState(true);
+  const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
   const toggle = () => {
     setNavbarOpen(!openNavbar);
   };
 
+  const toggleLeftSidebar = () => {
+    setIsLeftSidebarOpen(!isLeftSidebarOpen);
+  };
+
   return isAuthenticated ? (
     <div className="flex flex-col w-full h-screen overflow-hidden">
       {/* Header */}
-      <AppHeader toggle={toggle} openNavbar={openNavbar} />
+      <AppHeader toggle={toggle} openNavbar={openNavbar} toggleLeftSidebar={toggleLeftSidebar} />
 
       {/* Main Content Area */}
       <div className="flex h-full w-screen overflow-hidden">