diff --git a/public/assets/footer-img/menu-mobile.svg b/public/assets/footer-img/menu-mobile.svg
new file mode 100644
index 0000000..6cadeb3
--- /dev/null
+++ b/public/assets/footer-img/menu-mobile.svg
@@ -0,0 +1,5 @@
+<svg width="28" height="23" viewBox="0 0 28 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.25 19.0001H1.75002C0.783509 19.0001 0 19.7836 0 20.7501C0 21.7166 0.783508 22.5001 1.75002 22.5001H26.25C27.2165 22.5001 28 21.7166 28 20.7501C28 19.7836 27.2165 19.0001 26.25 19.0001Z" fill="white"/>
+<path d="M26.25 9.5H1.75002C0.783509 9.5 0 10.2835 0 11.25C0 12.2165 0.783508 13 1.75002 13H26.25C27.2165 13 28 12.2165 28 11.25C28 10.2835 27.2165 9.5 26.25 9.5Z" fill="white"/>
+<path d="M26.25 0H1.75002C0.783509 0 0 0.783509 0 1.75002C0 2.71652 0.783508 3.50003 1.75002 3.50003H26.25C27.2165 3.50003 28 2.71652 28 1.75002C28 0.783509 27.2165 0 26.25 0Z" fill="white"/>
+</svg>
diff --git a/src/components/header/header.scss b/src/components/header/header.scss
index dd5cac5..b20b86c 100644
--- a/src/components/header/header.scss
+++ b/src/components/header/header.scss
@@ -48,6 +48,7 @@
     .header_top {
       display: flex;
       padding: 25px 0;
+      justify-content: space-between;
     }
   }
 }
diff --git a/src/components/header/index.tsx b/src/components/header/index.tsx
index 75d47e7..fadbacd 100644
--- a/src/components/header/index.tsx
+++ b/src/components/header/index.tsx
@@ -28,7 +28,7 @@ const Header = () => {
           <>
             <div className='header-menu__mobile container' >
               <div className="header_top">
-                <button className='menu-mobile' onClick={() => setOpen(true)}>mobile</button>
+                <button className='menu-mobile' onClick={() => setOpen(true)}> <img src="./assets/footer-img/menu-mobile.svg" alt="" /> </button>
                 <img className='header-menu__logo' src="/assets/Logo.svg" alt="Logo M3 Academy" />
 
                 <div className='header-menu__cart' >