2 files changed, 8 insertions, 16 deletions
diff --git a/src/sass/components/progress.scss b/src/sass/components/progress.scss
index 04c83516..f28bec8c 100644
--- a/src/sass/components/progress.scss
+++ b/src/sass/components/progress.scss
@@ -67,15 +67,6 @@ $plyr-progress-offset: $plyr-range-thumb-height;
     }
 }
 
-.plyr--video .plyr__progress__buffer {
-    box-shadow: 0 1px 1px rgba(#000, 0.15);
-    color: $plyr-video-progress-buffered-bg;
-}
-
-.plyr--audio .plyr__progress__buffer {
-    color: $plyr-audio-progress-buffered-bg;
-}
-
 // Loading state
 .plyr--loading .plyr__progress__buffer {
     animation: plyr-progress 1s linear infinite;
diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss
index 8afd76b0..614b35f5 100644
--- a/src/sass/components/volume.scss
+++ b/src/sass/components/volume.scss
@@ -5,7 +5,10 @@
 .plyr__volume {
     align-items: center;
     display: flex;
+    max-width: 110px;
+    min-width: 80px;
     position: relative;
+    width: 20%;
 
     input[type='range'] {
         margin-left: ($plyr-control-spacing / 2);
@@ -13,12 +16,10 @@
         position: relative;
         z-index: 2;
     }
+}
 
-    @media (min-width: $plyr-bp-sm) {
-        max-width: 90px;
-    }
-
-    @media (min-width: $plyr-bp-md) {
-        max-width: 110px;
-    }
+// Auto size on iOS as there's no slider
+.plyr--is-ios .plyr__volume {
+    min-width: 0;
+    width: auto;
 }