src/components/Header/header.module.scss

@@ -245,4 +245,77 @@
       }
     }
   }
+
+  @media (min-width: 2500px) {
+    &__content {
+      width: 91.987%;
+      height: 101px;
+      padding: 0;
+
+      .logo {
+        width: 265.62px;
+
+        img {
+          height: 50.5px;
+        }
+      }
+
+      .search-desktop {
+        &__input {
+          width: 28.716%;
+          height: 57px;
+
+          &::placeholder {
+            padding: 12px 0 12px 16px;
+            font-size: 28px;
+            line-height: 32px;
+          }
+        }
+
+        &__button {
+          width: 57px;
+          height: 57px;
+
+          img {
+            width: 35.15px;
+            height: 35.15px;
+          }
+        }
+      }
+
+      .buttons {
+        width: 10.334%;
+
+        &__logIn {
+          width: 105px;
+          font-size: 28px;
+          line-height: 33px;
+        }
+
+        &__cart {
+          width: 54.68px;
+          height: 54.68px;
+
+          img {
+            width: 54.68px;
+            height: 54.68px;
+          }
+        }
+      }
+    }
+
+    &__nav {
+      height: 61px;
+      padding: 0;
+
+      nav {
+        width: 91.987%;
+      }
+
+      ul {
+        font-size: 28px;
+        line-height: 33px;
+      }
+    }
+  }
 }

src/components/Header/index.tsx

@@ -9,7 +9,7 @@ const Header = () => {
   return (
     <header className={styles["header"]}>
       <div className={styles["header__content"]}>
-        <button className={styles["menu-mobile-button"]}>
+        <button type="button" className={styles["menu-mobile-button"]}>
           <img src={menuButton} alt="Menu mobile" />
         </button>
         <div className={styles["logo"]}>