diff --git a/changes/changelog.d/1241.enhancement b/changes/changelog.d/1241.enhancement
new file mode 100644
index 0000000000000000000000000000000000000000..776a3a3aebf2ebe4e914d2a784a2de4e822078e6
--- /dev/null
+++ b/changes/changelog.d/1241.enhancement
@@ -0,0 +1 @@
+Added padding to volume slider to ease mouse control (#1241)
\ No newline at end of file
diff --git a/front/src/components/audio/VolumeControl.vue b/front/src/components/audio/VolumeControl.vue
index 47a2a9594e4a233fbbe903b8789ddbe751f6fe89..6d765a25fbd9038e7e0402b80eabe65349ba6dfd 100644
--- a/front/src/components/audio/VolumeControl.vue
+++ b/front/src/components/audio/VolumeControl.vue
@@ -34,7 +34,7 @@
         max="1"
         v-model="sliderVolume" />
     </div>
-  </button class="circular control">
+  </button>
 </template>
 <script>
 import { mapState, mapGetters, mapActions } from "vuex"
diff --git a/front/src/style/components/_volume_control.scss b/front/src/style/components/_volume_control.scss
index c08b1a00f7f77b55e5bba3fe40c63e20a9b251bc..c070abc46d7d056be596e62bbe1531835d1bbfaa 100644
--- a/front/src/style/components/_volume_control.scss
+++ b/front/src/style/components/_volume_control.scss
@@ -24,6 +24,7 @@
     }
     input {
       max-width: 8.5em;
+      padding: 1em;
     }
     &:not(:hover):not(.expanded) .popup {
       display: none;