diff --git a/front/src/components/audio/VolumeControl.vue b/front/src/components/audio/VolumeControl.vue
index 5023675dd69b4e27f33e034a5ad9d603273e8690..06110a4e2ed71cff57f21ffcac0b8cbf550dcad5 100644
--- a/front/src/components/audio/VolumeControl.vue
+++ b/front/src/components/audio/VolumeControl.vue
@@ -31,7 +31,7 @@
         type="range"
         step="any"
         min="0"
-        max="1"
+	 v-bind:max="volumeSteps"
         v-model="sliderVolume" />
     </div>
   </button>
@@ -44,15 +44,16 @@ export default {
     return {
       expanded: false,
       timeout: null,
+      volumeSteps: 100,
     }
   },
   computed: {
     sliderVolume: {
       get () {
-        return this.$store.state.player.volume
+        return this.$store.state.player.volume * this.volumeSteps;
       },
       set (v) {
-        this.$store.commit("player/volume", v)
+        this.$store.commit("player/volume", v / this.volumeSteps)
       }
     },
     labels () {