From 562589a6cb06f75e65b148d7f261bd83d4f6662e Mon Sep 17 00:00:00 2001
From: Jan-Philipp Benecke <jan-philipp@bnck.me>
Date: Tue, 21 Jan 2025 09:09:15 +0100
Subject: [PATCH] Fix flickering media play button (#23778)

---
 .../media-player/ha-media-player-browse.ts        | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts
index 38c0d29fe9..580828b6f4 100644
--- a/src/components/media-player/ha-media-player-browse.ts
+++ b/src/components/media-player/ha-media-player-browse.ts
@@ -1115,6 +1115,8 @@ export class HaMediaPlayerBrowse extends LitElement {
         .child .play:not(.can_expand) {
           --mdc-icon-button-size: 70px;
           --mdc-icon-size: 48px;
+          background-color: var(--primary-color);
+          color: var(--text-primary-color);
         }
 
         ha-card:hover .image {
@@ -1126,10 +1128,6 @@ export class HaMediaPlayerBrowse extends LitElement {
           opacity: 1;
         }
 
-        ha-card:hover .play:not(.can_expand) {
-          color: var(--primary-text-color);
-        }
-
         ha-card:hover .play.can_expand {
           bottom: 8px;
         }
@@ -1144,10 +1142,6 @@ export class HaMediaPlayerBrowse extends LitElement {
             opacity 0.1s ease-out;
         }
 
-        .child .play:hover {
-          color: var(--primary-color);
-        }
-
         .child .title {
           font-size: 16px;
           padding-top: 16px;
@@ -1331,11 +1325,6 @@ export class HaMediaPlayerBrowse extends LitElement {
         ha-browse-media-tts {
           direction: var(--direction);
         }
-
-        ha-card:hover .play:not(.can_expand) {
-          background-color: var(--primary-color);
-          color: var(--text-primary-color);
-        }
       `,
     ];
   }