diff --git a/src/panels/lovelace/cards/hui-media-control-card.ts b/src/panels/lovelace/cards/hui-media-control-card.ts
index df193f0ff6..91831a601c 100644
--- a/src/panels/lovelace/cards/hui-media-control-card.ts
+++ b/src/panels/lovelace/cards/hui-media-control-card.ts
@@ -214,7 +214,7 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
   private _resizeObserver?: ResizeObserver;
 
   public getCardSize(): number {
-    return 8;
+    return 3;
   }
 
   public setConfig(config: MediaControlCardConfig): void {
@@ -761,7 +761,6 @@ export class HuiMediaControlCard extends LitElement implements LovelaceCard {
     return css`
       ha-card {
         overflow: hidden;
-        height: 100%;
       }
 
       .background {