diff --git a/apps/frontend/src/components/NavbarMenuItem.tsx b/apps/frontend/src/components/NavbarMenuItem.tsx
index 17db4c4..12494d1 100644
--- a/apps/frontend/src/components/NavbarMenuItem.tsx
+++ b/apps/frontend/src/components/NavbarMenuItem.tsx
@@ -74,7 +74,7 @@ export default function MenuItem({ menu, isActive, onClick }: Props) {
 				variant="ghost"
 				className={cn(
 					"w-full p-2 rounded-md justify-between focus:outline-none",
-					isActive ? "bg-black text-white" : "text-black"
+					isActive ? "bg-[--primary-color] text-white" : "text-black"
 				)}
 				onClick={handleClick}
 				asChild