diff --git a/CHANGELOG b/CHANGELOG
index 0f09eda42ca712aa5818c49786aaeefdead9f639..72e98a449aa43a4ef32f02c61736c391da25d5e1 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -6,7 +6,7 @@ Changelog
 
 - Front: Fixed broken ajax call on radio builder (#69)
 - Front: Shuffle now restart next track from beginning (#70)
-
+- Front: volume slider should now have the same style everywhere (#72)
 
 0.5 (2018-02-24)
 ----------------
diff --git a/front/src/components/audio/Player.vue b/front/src/components/audio/Player.vue
index 0fe36fac4096f89a0184211e74acb1709121f1e3..a6cd80523a7ca28a91bb4d0ccf8ba8ea24cc77e9 100644
--- a/front/src/components/audio/Player.vue
+++ b/front/src/components/audio/Player.vue
@@ -308,6 +308,60 @@ export default {
     bottom: 5px;
     left: 10%;
     cursor: pointer;
+    display: none;
+  }
+  input[type=range] {
+    -webkit-appearance: none;
+  }
+  input[type=range]:focus {
+    outline: none;
+  }
+  input[type=range]::-webkit-slider-runnable-track {
+    cursor: pointer;
+    background: white;
+  }
+  input[type=range]::-webkit-slider-thumb {
+    background: white;
+    cursor: pointer;
+    -webkit-appearance: none;
+  }
+  input[type=range]:focus::-webkit-slider-runnable-track {
+    background: #white;
+  }
+  input[type=range]::-moz-range-track {
+    cursor: pointer;
+    background: white;
+  }
+  input[type=range]::-moz-range-thumb {
+    background: white;
+    cursor: pointer;
+  }
+  input[type=range]::-ms-track {
+    cursor: pointer;
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+  }
+  input[type=range]::-ms-fill-lower {
+    background: white;
+  }
+  input[type=range]::-ms-fill-upper {
+    background: white;
+  }
+  input[type=range]::-ms-thumb {
+    background: white;
+    cursor: pointer;
+  }
+  input[type=range]:focus::-ms-fill-lower {
+    background: white;
+  }
+  input[type=range]:focus::-ms-fill-upper {
+    background: #white;
+  }
+  &:hover {
+    [type="range"] {
+      display: block;
+    }
   }
 }