diff --git a/apps/frontend/src/components/AppNavbar.tsx b/apps/frontend/src/components/AppNavbar.tsx
index e184bae..00c8ce2 100644
--- a/apps/frontend/src/components/AppNavbar.tsx
+++ b/apps/frontend/src/components/AppNavbar.tsx
@@ -24,10 +24,15 @@ export default function AppNavbar() {
 	const pathsThatCloseSidebar = ["/assessmentRequest", "/assessmentResult", "/assessment", "/verifying"];
 
 	const [isSidebarOpen, setSidebarOpen] = useState(true);
+	const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
 	const toggleSidebar = () => {
 		setSidebarOpen(!isSidebarOpen);
 	};
 
+	const toggleLeftSidebar = () => {
+		setIsLeftSidebarOpen(!isLeftSidebarOpen);
+	};
+
 	const { data } = useQuery({
 		queryKey: ["sidebarData"],
 		queryFn: async () => {
@@ -88,7 +93,7 @@ export default function AppNavbar() {
 		<>
 			<div>
 				{/* Header */}
-				<AppHeader toggle={toggleSidebar} openNavbar={isSidebarOpen} />
+				<AppHeader toggle={toggleSidebar} openNavbar={isSidebarOpen} toggleLeftSidebar={toggleLeftSidebar} />
 
 				{/* Sidebar */}
 				{!pathsThatCloseSidebar.includes(pathname) && (