2 files changed, 14 insertions, 17 deletions
diff --git a/src/less/mixins.less b/src/less/mixins.less
index 8e8c43f1..25f43761 100644
--- a/src/less/mixins.less
+++ b/src/less/mixins.less
@@ -6,7 +6,7 @@
 // <input type="range"> styling
 .plyr-range-track() {
     height: @plyr-range-track-height;
-    background: currentColor;
+    background: transparent;
     border: 0;
     border-radius: (@plyr-range-track-height / 2);
     user-select: none;
diff --git a/src/less/plyr.less b/src/less/plyr.less
index 28159d68..e289b8f3 100644
--- a/src/less/plyr.less
+++ b/src/less/plyr.less
@@ -130,21 +130,13 @@
 }
 
 // Video range inputs
-.plyr--video input[type='range'] {
-    color: @plyr-video-range-track-bg;
-
-    &.tab-focus:focus {
-        outline: 1px dotted fade(@plyr-video-control-color, 50%);
-    }
+.plyr--video input[type='range'].tab-focus:focus {
+    outline: 1px dotted fade(@plyr-video-control-color, 50%);
 }
 
 // Audio range inputs
-.plyr--audio input[type='range'] {
-    color: @plyr-audio-range-track-bg;
-
-    &.tab-focus:focus {
-        outline: 1px dotted fade(@plyr-audio-control-color, 50%);
-    }
+.plyr--audio input[type='range'].tab-focus:focus {
+    outline: 1px dotted fade(@plyr-audio-control-color, 50%);
 }
 
 // Screen reader only elements
@@ -572,14 +564,20 @@
         transition: width .2s ease;
     }            
 }
+.plyr--video .plyr__progress--buffer[value],
+.plyr--video .plyr__volume--display[value] {
+    background: @plyr-video-range-track-bg;
+}
 .plyr--video .plyr__progress--buffer[value] { 
     color: @plyr-video-progress-buffered-bg;
-    background: @plyr-video-range-track-bg;
 }
-.plyr--audio .plyr__progress--buffer[value] { 
-    color: @plyr-audio-progress-buffered-bg;
+.plyr--audio .plyr__progress--buffer[value],
+.plyr--audio .plyr__volume--display[value] {
     background: @plyr-audio-range-track-bg;
 }
+.plyr--audio .plyr__progress--buffer[value] {
+    color: @plyr-audio-progress-buffered-bg;
+}
 
 // Loading state
 .plyr--loading .plyr__progress--buffer {
@@ -624,7 +622,6 @@
         position: relative;
         z-index: 2;
     }
-
     @media (min-width: @plyr-bp-screen-sm) {
         display: block;
         max-width: 60px;