diff --git a/src/kcm/package/contents/ui/DeviceListItem.qml b/src/kcm/package/contents/ui/DeviceListItem.qml
--- a/src/kcm/package/contents/ui/DeviceListItem.qml
+++ b/src/kcm/package/contents/ui/DeviceListItem.qml
@@ -106,12 +106,16 @@
 
         MuteButton {
             id: muteButton
-            Layout.topMargin: -(height - icon.height) / 2
+            Layout.alignment: Qt.AlignTop
+            Layout.topMargin: -Math.round((height - volumeSlider.height) / 2)
             muted: Muted
             onCheckedChanged: Muted = checked
             toolTipText: !currentPort ? Description : currentPort.description
         }
 
-        VolumeSlider {}
+        VolumeSlider {
+            id: volumeSlider
+            Layout.alignment: Qt.AlignTop
+        }
     }
 }
diff --git a/src/kcm/package/contents/ui/StreamListItem.qml b/src/kcm/package/contents/ui/StreamListItem.qml
--- a/src/kcm/package/contents/ui/StreamListItem.qml
+++ b/src/kcm/package/contents/ui/StreamListItem.qml
@@ -77,12 +77,17 @@
 
             RowLayout {
                 MuteButton {
+                    Layout.alignment: Qt.AlignTop
+                    Layout.topMargin: -Math.round((height - volumeSlider.height) / 2)
                     muted: Muted
                     onCheckedChanged: Muted = checked
                     toolTipText: inputText.text
                 }
 
-                VolumeSlider {}
+                VolumeSlider {
+                    id: volumeSlider
+                    Layout.alignment: Qt.AlignTop
+                }
             }
         }
     }