diff --git a/src/renderer/index.js b/src/renderer/index.js
index ff7ce7be..f43fbd79 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -3007,17 +3007,17 @@ const app = new Vue({
         },
         volumeWheel(event) {
             if (event.deltaY < 0) {
-                if (this.mk.volume < 1) {
-                    if (this.mk.volume <= 0.9) {
-                        this.mk.volume += 0.1
+                if (this.mk.volume < 0.2) {
+                    if (this.mk.volume <= 0.19) {
+                        this.mk.volume += 0.01
                     } else {
-                        this.mk.volume = 1
+                        this.mk.volume = 0.2
                     }
                 }
             } else if (event.deltaY > 0) {
                 if (this.mk.volume > 0) {
-                    if (this.mk.volume >= 0.1) {
-                        this.mk.volume -= 0.1
+                    if (this.mk.volume >= 0.01) {
+                        this.mk.volume -= 0.01
                     } else {
                         this.mk.volume = 0
                     }
diff --git a/src/renderer/index_old.html b/src/renderer/index_old.html
index 927c9daf..40c29f50 100644
--- a/src/renderer/index_old.html
+++ b/src/renderer/index_old.html
@@ -82,7 +82,7 @@
             </div>
             <div class="app-chrome--right">
                 <div class="app-chrome-item volume display--large">
-                    <input type="range" class="" step="0.01" min="0" max="1" v-model="mk.volume"
+                    <input type="range" class="" step="0.01" min="0" max="0.2" v-model="mk.volume"
                            v-if="typeof mk.volume != 'undefined'">
                 </div>
                 <div class="app-chrome-item generic">
diff --git a/src/renderer/views/components/fullscreen.ejs b/src/renderer/views/components/fullscreen.ejs
index b93a27e5..19c8248c 100644
--- a/src/renderer/views/components/fullscreen.ejs
+++ b/src/renderer/views/components/fullscreen.ejs
@@ -80,7 +80,7 @@
                     <div class="app-chrome-item volume display--large">
                         <div class="input-container">
                         <button class="volume-button--small volume" @click="app.muteButtonPressed()" :class="{'active': app.cfg.audio.volume == 0}"></button>
-                        <input type="range" class="slider" @wheel="app.volumeWheel" step="0.01" min="0" max="1" v-model="app.mk.volume"
+                        <input type="range" class="slider" @wheel="app.volumeWheel" step="0.01" min="0" max="0,2" v-model="app.mk.volume"
                                v-if="typeof app.mk.volume != 'undefined'" @change="app.checkMuteChange()">
                         </div>       
                     </div>
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index cb13e468..99170c6c 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -142,7 +142,7 @@
                     <div class="app-chrome-item volume display--large">
                         <button class="volume-button--small volume" @click="muteButtonPressed()"
                                 :class="{'active': this.cfg.audio.volume == 0}"></button>
-                        <input type="range" class="" @wheel="volumeWheel" step="0.01" min="0" max="1"
+                        <input type="range" class="" @wheel="volumeWheel" step="0.01" min="0" max="0.2"
                                v-model="mk.volume" v-if="typeof mk.volume != 'undefined'" @change="checkMuteChange()">
                     </div>
                     <div class="app-chrome-item generic" v-if="false">
@@ -316,7 +316,7 @@
                                 <div class="input-container">
                                     <button class="volume-button--small volume" @click="muteButtonPressed()"
                                             :class="{'active': this.cfg.audio.volume == 0}"></button>
-                                    <input type="range" class="" @wheel="volumeWheel" step="0.01" min="0" max="1"
+                                    <input type="range" class="" @wheel="volumeWheel" step="0.01" min="0" max="0.2"
                                            v-model="mk.volume" v-if="typeof mk.volume != 'undefined'"
                                            @change="checkMuteChange()">
                                 </div>
diff --git a/src/web-remote/views/index.ejs b/src/web-remote/views/index.ejs
index af238f6c..7a9e1fa9 100644
--- a/src/web-remote/views/index.ejs
+++ b/src/web-remote/views/index.ejs
@@ -173,7 +173,7 @@
                                     <div class="player-volume-glyph decrease"></div>
                                 </div>
                                 <div class="col">
-                                    <input type="range" class="web-slider volume-slider" max="1" min="0" step="0.01"
+                                    <input type="range" class="web-slider volume-slider" max="0.2" min="0" step="0.01"
                                         @input="setVolume($event.target.value)" :value="player.currentMediaItem.volume">
                                 </div>
                                 <div class="col-auto">