src/components/MenuToggle/MenuToggle.tsx

@@ -27,6 +27,10 @@ export const MenuToggle = ({
             </div>
             <MenuNav />
           </div>
+          <div
+            onClick={() => setShowMenuToggle((prev) => !prev)}
+            className={styles.closeMenu}
+          ></div>
         </div>
       ) : null}
     </>

src/components/MenuToggle/menuToggle.module.scss

@@ -7,9 +7,8 @@
   left: 0;
 
   z-index: 50;
-
-  background: rgba(69, 69, 69, 0.7);
   .contentMenuToogle {
+    position: absolute;
     width: 96.4843%;
     height: 585px;
 
@@ -43,6 +42,13 @@
       }
     }
   }
+
+  .closeMenu {
+    width: 100%;
+    height: 100vh;
+
+    background: rgba(69, 69, 69, 0.7);
+  }
 }
 
 @media screen and (max-width: 540px) {