diff --git a/src/qml/MediaPlayerControl.qml b/src/qml/MediaPlayerControl.qml
--- a/src/qml/MediaPlayerControl.qml
+++ b/src/qml/MediaPlayerControl.qml
@@ -314,8 +314,10 @@
                 implicitWidth: 18
                 implicitHeight: 18
                 radius: 9
-                color: myPalette.button
-                border.color: musicProgress.pressed ? myPalette.highlight : myPalette.dark
+                color: myPalette.base
+                border.width: 1
+                border.color: musicProgress.pressed ? myPalette.text : myPalette.dark
+
             }
         }
 
@@ -445,13 +447,15 @@
                 height: implicitHeight
                 radius: 3
                 color: myPalette.dark
+                opacity: muted ? 0.5 : 1
 
                 Rectangle {
                     x: (LayoutMirroring.enabled ? volumeSlider.visualPosition * parent.width : 0)
                     width: (LayoutMirroring.enabled ? parent.width - volumeSlider.visualPosition * parent.width : volumeSlider.visualPosition * parent.width)
                     height: parent.height
                     color: myPalette.text
                     radius: 3
+                    opacity: muted ? 0.5 : 1
                 }
             }
 
@@ -461,8 +465,9 @@
                 implicitWidth: 18
                 implicitHeight: 18
                 radius: 9
-                color: myPalette.button
-                border.color: volumeSlider.pressed ? myPalette.highlight : myPalette.dark
+                color: myPalette.base
+                border.width: 1
+                border.color: volumeSlider.pressed ? myPalette.text : (muted ? myPalette.mid : myPalette.dark)
             }
         }