diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index 1de4ab7..9bc8001 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -23,7 +23,7 @@ const Menu = () => {
     <>
       <div
         id='menu'
-        className={`group dark bg-gray-900 fixed md:inset-y-0 md:flex md:w-[260px] md:flex-col transition-transform z-[999] top-0 left-0 h-full max-md:w-3/4 ${
+        className={`group/menu dark bg-gray-900 fixed md:inset-y-0 md:flex md:w-[260px] md:flex-col transition-transform z-[999] top-0 left-0 h-full max-md:w-3/4 ${
           hideSideMenu ? 'translate-x-[-100%]' : 'translate-x-[0%]'
         }`}
       >
@@ -50,7 +50,7 @@ const Menu = () => {
         <div
           className={`${
             hideSideMenu ? 'opacity-100' : 'opacity-0'
-          } group md:group-hover:opacity-100 max-md:hidden transition-opacity absolute z-[999] right-0 translate-x-full top-10 bg-gray-900 p-2 cursor-pointer hover:bg-black text-white ${
+          } group/menu md:group-hover/menu:opacity-100 max-md:hidden transition-opacity absolute z-[999] right-0 translate-x-full top-10 bg-gray-900 p-2 cursor-pointer hover:bg-black text-white ${
             hideSideMenu ? '' : 'rotate-90'
           }`}
           onClick={() => {