diff --git a/src/renderer/index.js b/src/renderer/index.js
index 774bc814..4c65588d 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -2587,6 +2587,13 @@ const app = new Vue({
                 })
             })
         },
+        volumeWheel(event) {
+            if (event.deltaY < 0) {
+                this.mk.volume += 0.1;
+            } else if (event.deltaY > 0) {
+                this.mk.volume -= 0.1;
+            }
+        },
         async apiCall(url, callback) {
             const xmlHttp = new XMLHttpRequest();
 
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 7c8201e8..217d12aa 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -116,7 +116,7 @@
                 <div class="app-chrome--right">
                     <div class="app-chrome-item volume display--large">
                         <div class="app-chrome-item volume-icon"></div>
-                        <input type="range" class="" step="0.01" min="0" max="1" v-model="mk.volume"
+                        <input type="range" class="" @wheel="volumeWheel" step="0.01" min="0" max="1" v-model="mk.volume"
                                v-if="typeof mk.volume != 'undefined'">
                     </div>
                     <div class="app-chrome-item generic" v-if="false">