diff --git a/src/components/menu/MenuItem.tsx b/src/components/menu/MenuItem.tsx
index 55206d20..5046f8ff 100644
--- a/src/components/menu/MenuItem.tsx
+++ b/src/components/menu/MenuItem.tsx
@@ -33,7 +33,7 @@ const MenuItem = ({
           icon={icon}
           width={20}
           height={20}
-          className={cn({
+          className={cn('group-active:text-[inherit]', {
             'text-gray-400': !active,
             'text-black': active,
           })}