diff --git a/src/components/player.vue b/src/components/player.vue
index 81ea69d..da650bd 100644
--- a/src/components/player.vue
+++ b/src/components/player.vue
@@ -56,6 +56,10 @@
       &--active {
         fill: white !important;
         background-color: #05CBCD !important;
+
+        &:hover {
+          fill: #505050 !important;
+        }
       }
     }
   }
diff --git a/src/scss/icons.scss b/src/scss/icons.scss
index 6878a6b..09e2f3b 100644
--- a/src/scss/icons.scss
+++ b/src/scss/icons.scss
@@ -7,6 +7,10 @@
   cursor: pointer;
   transition: .2s;
 
+  &:hover {
+    fill: #505050;
+  }
+
   &--no-border {
     border: 0;
     border-radius: 0;