diff --git a/src/components/Header.vue b/src/components/Header.vue
index 1ba0112..3e6fb11 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -55,11 +55,15 @@ header {
       height: 42px;
       border: none;
       border-radius: 50%;
-      background-color: @color-1;
       color: @color-2;
       font-size: 28px;
       font-weight: lighter;
       text-align: center;
+      background: linear-gradient(112.4deg, #1c9797 11.05%, #147171 89.93%);
+
+      &:hover {
+        background: linear-gradient(0deg, #1c9797 11.05%, #147171 89.93%);
+      }
     }
   }
 }