fix(menu-mobile): corrige tamanho do menu

src/components/Header/Menu-Mobile/MenuMobile.tsx

@@ -13,7 +13,10 @@ interface MenuMobileProps {
 const MenuMobile = (props: MenuMobileProps) => {
   return (
     <>
-      <div className={props.active ? styles["background"] : styles[""]}></div>
+      <div
+        onClick={props.onClick}
+        className={props.active ? styles["background"] : styles[""]}
+      ></div>
       <div className={props.className}>
         <div className={styles["page-header__menu-mobile--container"]}>
           <div className={styles["page-header__menu-mobile--header"]}>

src/components/Header/header.module.scss

@@ -118,7 +118,7 @@
         position: absolute;
         top: 0;
         left: 0;
-        width: 100%;
+        width: 96.5%;
         z-index: 100;
         display: block;
     }
@@ -127,7 +127,6 @@
         &--container {
             height: 585px;
             background: $white;
-            width: 96.5%;
         }
 
         &--header {
@@ -237,4 +236,10 @@
             width: 100%;
         }
     }
+
+    @media screen and (max-width: 375px) {
+        .active {
+            width: 90.4%;
+        }
+    }
 }