diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index a75e4ede..c40b6977 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -48,6 +48,17 @@ const Menu = () => {
             </nav>
           </div>
         </div>
+        <div
+          id='menu-close'
+          className={`${
+            hideSideMenu ? 'hidden' : ''
+          } md:hidden absolute z-[999] right-0 translate-x-full top-10 bg-gray-900 p-2 cursor-pointer hover:bg-black text-white`}
+          onClick={() => {
+            setHideSideMenu(true);
+          }}
+        >
+          <CrossIcon2 />
+        </div>
       </div>
       <div
         id='menu-backdrop'