diff --git a/src/dialogs/more-info/controls/more-info-media_player.ts b/src/dialogs/more-info/controls/more-info-media_player.ts
index 694b190d04..93828334d4 100644
--- a/src/dialogs/more-info/controls/more-info-media_player.ts
+++ b/src/dialogs/more-info/controls/more-info-media_player.ts
@@ -207,12 +207,17 @@ class MoreInfoMediaPlayer extends LitElement {
 
   static get styles(): CSSResultGroup {
     return css`
-      ha-icon-button[action="turn_off"],
-      ha-icon-button[action="turn_on"],
       ha-slider {
         flex-grow: 1;
       }
 
+      ha-icon-button[action="turn_off"],
+      ha-icon-button[action="turn_on"] {
+        margin-inline-end: auto;
+        margin-right: auto;
+        margin-left: inherit;
+      }
+
       .controls {
         display: flex;
         flex-wrap: wrap;