3 files changed, 8 insertions, 8 deletions
diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less
index d0fd0ae5..8c775d73 100644
--- a/src/less/components/buttons.less
+++ b/src/less/components/buttons.less
@@ -33,9 +33,9 @@
 
 // Change icons on state change
 .plyr__control[aria-pressed='false'] .icon--pressed,
-    .plyr__control[aria-pressed='true'] .icon--not-pressed,
-    .plyr__control[aria-pressed='false'] .label--pressed,
-    .plyr__control[aria-pressed='true'] .label--not-pressed {
+.plyr__control[aria-pressed='true'] .icon--not-pressed,
+.plyr__control[aria-pressed='false'] .label--pressed,
+.plyr__control[aria-pressed='true'] .label--not-pressed {
     display: none;
 }
 
@@ -53,7 +53,7 @@
 .plyr__control--overlaid {
     display: none;
     position: absolute;
-    z-index: 3;
+    z-index: 2;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
diff --git a/src/less/components/captions.less b/src/less/components/captions.less
index 14c1d2e7..56e05ddf 100644
--- a/src/less/components/captions.less
+++ b/src/less/components/captions.less
@@ -26,7 +26,7 @@
         background: @plyr-captions-bg;
         box-decoration-break: clone;
         line-height: 185%;
-        white-space: pre;
+        white-space: pre-wrap;
 
         // Firefox adds a <div> when using getCueAsHTML()
         div {
diff --git a/src/less/components/volume.less b/src/less/components/volume.less
index f62a572f..1c9054b7 100644
--- a/src/less/components/volume.less
+++ b/src/less/components/volume.less
@@ -13,11 +13,11 @@
 
     @media (min-width: @plyr-bp-screen-sm) {
         display: block;
-        max-width: 60px;
+        max-width: 50px;
     }
 
     @media (min-width: @plyr-bp-screen-md) {
-        max-width: 100px;
+        max-width: 80px;
     }
 }
 
@@ -25,6 +25,6 @@
 // It's not supported to change volume using JavaScript:
 // https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html
 .plyr--is-ios .plyr__volume,
-    .plyr--is-ios [data-plyr='mute'] {
+.plyr--is-ios [data-plyr='mute'] {
     display: none !important;
 }