fix width issue

modules/bar/components/mpris/Mpris.qml

@@ -6,9 +6,9 @@ Item {
     id: root
 
     property int currentIndex: 0
+    property var players: Mpris.players
 
-    implicitWidth: childrenRect.width
-    implicitHeight: childrenRect.height
+    anchors.horizontalCenter: parent.horizontalCenter
 
     Repeater {
         id: players
@@ -16,6 +16,9 @@ Item {
 
         Player {
 
+          anchors.horizontalCenter: parent.horizontalCenter
+          anchors.verticalCenter: parent.verticalCenter
+
             visible: index === root.currentIndex && modelData.canControl
 
             onNextPlayer: {

modules/bar/components/mpris/Player.qml

@@ -11,15 +11,15 @@ Item {
     signal nextPlayer
     signal previousPlayer
 
-    anchors.horizontalCenter: parent.horizontalCenter
-    implicitWidth: childrenRect.width
+    implicitWidth: text.width
     implicitHeight: Dimensions.mpris.height
 
     StyledLabel {
-        anchors.fill: parent
+        anchors.fill: text
     }
 
     StyledText {
+        id: text
         text: `${modelData.isPlaying ? "" : ""} ${modelData.trackTitle} - ${modelData.trackArtist}`
 
         anchors.verticalCenter: parent.verticalCenter
@@ -32,7 +32,7 @@ Item {
     }
 
     MouseArea {
-        anchors.fill: parent
+        anchors.fill: text
 
         onClicked: {
             if (!modelData.canTogglePlaying) {