diff --git a/config/eww/quick-settings/quick-settings.scss b/config/eww/quick-settings/quick-settings.scss
index e293997b..6af857e5 100644
--- a/config/eww/quick-settings/quick-settings.scss
+++ b/config/eww/quick-settings/quick-settings.scss
@@ -138,6 +138,7 @@
 .player {
   margin-top: 6px;
   min-height: 220px;
+  opacity: 0;
 }
 
 .slider-box {
diff --git a/config/eww/quick-settings/quick-settings.yuck b/config/eww/quick-settings/quick-settings.yuck
index 35bdf20b..32cbd4e1 100644
--- a/config/eww/quick-settings/quick-settings.yuck
+++ b/config/eww/quick-settings/quick-settings.yuck
@@ -332,6 +332,8 @@
   (revealer :reveal expand_player
             :transition "slidedown"
     (box :class "player"
+         :style "${expand_player == 'true' ? 'opacity: 1; transition: opacity ${anim_duration}' :
+                                             'opacity: 0; transition: opacity ${anim_duration}'}"
       (playerinfo)
     )
   )