diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 5034e3c..a12ec56 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -14,9 +14,9 @@ const Header = () => {
   };
 
   return (
-    <div className="page-header">
+    <header className="page-header">
       <div className="page-header__container">
-        <div className="page-header__container-top">
+        <section className="page-header__container-top">
           <div className="page-header__menu">
             <button
               className="page-header__menu-button"
@@ -44,15 +44,15 @@ const Header = () => {
               <img src={Cart} alt="" className="page-header__cart-image" />
             </a>
           </div>
-        </div>
-        <div className="page-header__mobile">
+        </section>
+        <section className="page-header__container-bottom-mobile">
           <SearchBar />
-        </div>
+        </section>
+        <section className="page-header__container-bottom">
+          <HeaderLinks />
+        </section>
       </div>
-      <div className="page-header__container-bottom">
-        <HeaderLinks />
-      </div>
-    </div>
+    </header>
   );
 };
 
diff --git a/src/styles/header.scss b/src/styles/header.scss
index fa60d84..47bf0c0 100644
--- a/src/styles/header.scss
+++ b/src/styles/header.scss
@@ -139,7 +139,7 @@
 
     }
 
-    &__mobile {
+    &__container-bottom-mobile {
         padding: 0 16px 25px;
     }