diff --git a/src/modules/shared/Header/Header.module.scss b/src/modules/shared/Header/Header.module.scss
index 20b9b4f..02f8c14 100644
--- a/src/modules/shared/Header/Header.module.scss
+++ b/src/modules/shared/Header/Header.module.scss
@@ -54,6 +54,11 @@
     text-transform: uppercase;
     font-weight: 800;
     font-size: 12px;
+    transition: all 0.3s;
+
+    &:hover {
+      color: $color__primary;
+    }
 
     &::after {
       content: '';
@@ -86,11 +91,17 @@
     justify-content: center;
 
     border-left: 1px solid $color__elements;
+
+    transition: all 0.3s;
+
+    &:hover {
+      box-shadow: -1px 1px 5px inset rgba(0, 0, 0, 0.4);
+    }
   }
 
   &__themeSwitch {
     position: relative;
-    width: 60px;
+    padding: 0 20px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -105,8 +116,13 @@
         background-color: $color__secondary;
 
         & span::after {
-          transform: translate3d(22px, 0, 0);
-          background-color: $color__white;
+          transform: translate3d(25px, 0, 0);
+          background: center / cover $color__primary url(../../../static/icons/moon.svg);
+        }
+
+        & span::before {
+          transform: translate3d(-25px, 0, 0);
+          background: center / cover url(../../../static/icons/sun.svg);
         }
       }
     }
@@ -114,8 +130,8 @@
     &_label {
       position: relative;
       transition: background-color 200ms ease-in-out;
-      width: 38px;
-      height: 16px;
+      width: 46px;
+      height: 21px;
       border-radius: 50px;
       text-align: center;
       background-color: $color__white;
@@ -136,17 +152,27 @@
         left: 0;
         width: 100%;
 
+        &::before,
         &::after {
+          width: 17px;
+          height: 17px;
+          content: '';
           position: absolute;
           top: calc(100% + 12px);
-          left: 2px;
-          width: 12px;
-          height: 12px;
-          content: '';
           border-radius: 50%;
-          background-color: $color__secondary;
           transition: transform 200ms, background-color 200ms;
+        }
+
+        &::after {
+          left: 2px;
+          background-color: $color__secondary;
           box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
+          background: center / cover #FFA500 url(../../../static/icons/sun.svg);
+        }
+
+        &:before {
+          background: center / cover url(../../../static/icons/moon.svg);
+          right: 2px;
         }
       }
     }
@@ -247,6 +273,10 @@
   & .header__link {
     color: $color__dark-theme__secondary;
 
+    &:hover {
+      color: $color__dark-theme__white;
+    }
+
     &__ISACTIVE {
       color: $color__dark-theme__white;
     }
@@ -258,7 +288,10 @@
 
   & .header__icon {
     border-left: 1px solid $color__dark-theme__surface-2;
-    ;
+
+    &:hover {
+      box-shadow: -1px 1px 5px inset rgba(255, 255, 255, 0.4);
+    }
   }
 
   & .header__burger_icon {
diff --git a/src/static/icons/moon.svg b/src/static/icons/moon.svg
new file mode 100644
index 0000000..eda5e9f
--- /dev/null
+++ b/src/static/icons/moon.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.32031 11.6835C3.32031 16.6541 7.34975 20.6835 12.3203 20.6835C16.1075 20.6835 19.3483 18.3443 20.6768 15.032C19.6402 15.4486 18.5059 15.6834 17.3203 15.6834C12.3497 15.6834 8.32031 11.654 8.32031 6.68342C8.32031 5.50338 8.55165 4.36259 8.96453 3.32996C5.65605 4.66028 3.32031 7.89912 3.32031 11.6835Z" stroke="#89939a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/static/icons/sun.svg b/src/static/icons/sun.svg
new file mode 100644
index 0000000..af72fcf
--- /dev/null
+++ b/src/static/icons/sun.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 3V4M12 20V21M4 12H3M6.31412 6.31412L5.5 5.5M17.6859 6.31412L18.5 5.5M6.31412 17.69L5.5 18.5001M17.6859 17.69L18.5 18.5001M21 12H20M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>