diff --git a/apps/frontend/src/components/AppNavbar.tsx b/apps/frontend/src/components/AppNavbar.tsx
index 824d092..a9505d6 100644
--- a/apps/frontend/src/components/AppNavbar.tsx
+++ b/apps/frontend/src/components/AppNavbar.tsx
@@ -52,15 +52,12 @@ export default function AppNavbar(){
 	
 		return () => window.removeEventListener('resize', handleResize);
 	  }, []);
-
-	const [activeMenuId, setActiveMenuId] = useState<string>('');
 	
-	const handleMenuItemClick = (id: string) => {
-		setActiveMenuId(id);
+	const handleMenuItemClick = () => {
 		if (window.innerWidth < 768) {
-			setSidebarOpen(false);
+		  setSidebarOpen(false);
 		}
-	};
+	  };
 
 	return (
 		<>
diff --git a/apps/frontend/src/components/NavbarMenuItem.tsx b/apps/frontend/src/components/NavbarMenuItem.tsx
index d1e114b..4b96a4a 100644
--- a/apps/frontend/src/components/NavbarMenuItem.tsx
+++ b/apps/frontend/src/components/NavbarMenuItem.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import * as TbIcons from "react-icons/tb";
-import classNames from "./styles/navbarMenuItem.module.css";
+// import classNames from "./styles/navbarMenuItem.module.css";
 // import dashboardConfig from "../dashboard.config";
 // import { usePathname } from "next/navigation";
 // import areURLsSame from "@/utils/areUrlSame";
@@ -45,9 +45,9 @@ export default function MenuItem({ menu, isActive, onClick }: Props) {
 	};
 
 	const handleClick = () => {
-		onClick(menu.link ?? ""); // Notify parent of the active menu item
+		onClick(menu.link ?? "");
 		if (!hasChildren) {
-		  toggleOpenMenu(); // Collapse if no children
+		  toggleOpenMenu();
 		}
 	  };