diff --git a/package-lock.json b/package-lock.json
index b1d1f26..8715d6d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
         "react": "^18.1.0",
         "react-dom": "^18.1.0",
         "react-hook-form": "^7.48.2",
-        "react-icons": "^4.11.0",
+        "react-icons": "^4.12.0",
         "react-loader-spinner": "^5.4.5",
         "react-player": "^2.13.0",
         "react-redux": "^8.1.3",
@@ -12218,9 +12218,9 @@
       }
     },
     "node_modules/react-icons": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
-      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
+      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
       "peerDependencies": {
         "react": "*"
       }
@@ -23905,9 +23905,9 @@
       "requires": {}
     },
     "react-icons": {
-      "version": "4.11.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.11.0.tgz",
-      "integrity": "sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==",
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
+      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
       "requires": {}
     },
     "react-is": {
diff --git a/package.json b/package.json
index 18e0794..04c8847 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-hook-form": "^7.48.2",
-    "react-icons": "^4.11.0",
+    "react-icons": "^4.12.0",
     "react-loader-spinner": "^5.4.5",
     "react-player": "^2.13.0",
     "react-redux": "^8.1.3",
diff --git a/src/components/SheredLayout/SheredLayout.jsx b/src/components/SheredLayout/SheredLayout.jsx
index 88621b7..b9f9497 100644
--- a/src/components/SheredLayout/SheredLayout.jsx
+++ b/src/components/SheredLayout/SheredLayout.jsx
@@ -11,7 +11,7 @@ import Loader from 'components/Loader/Loader';
 import AppBar from 'components/AppBar/AppBar';
 import { ReactComponent as Logo } from 'images/logo.svg';
 import { LogoLink } from 'components/AppBar/AppBar.styled';
-import { ReactComponent as BurgerMenu } from 'images/burger.svg';
+import { SlMenu, SlClose } from 'react-icons/sl';
 
 const SheredLayout = () => {
   const [isOpen, setOpen] = useState();
@@ -22,9 +22,15 @@ const SheredLayout = () => {
           <LogoLink to="/">
             <Logo />
           </LogoLink>
-          <NavWrap>{isOpen && <AppBar />}</NavWrap>
+          <NavWrap>
+            <AppBar />
+          </NavWrap>
           <BurgerBtn onClick={() => setOpen(!isOpen)}>
-            <BurgerMenu />
+            {!isOpen ? (
+              <SlMenu size={24} color="white" />
+            ) : (
+              <SlClose size={24} color="white" />
+            )}
           </BurgerBtn>
         </HeaderWrap>
       </Header>