diff --git a/plugin/contents/ui/dancer.html b/plugin/contents/ui/dancer.html
index 4182d83..d2c31e5 100644
--- a/plugin/contents/ui/dancer.html
+++ b/plugin/contents/ui/dancer.html
@@ -132,6 +132,8 @@ html, body {
   pointer-events: none;
   max-width: 80vw;
   overflow: hidden;
+  opacity: 0;
+  transition: opacity 0.8s;
 }
 .music-icon {
   color: #ff44aa;
@@ -941,7 +943,8 @@ function updateMusic(artist, title) {
              : (title || artist || '— —');
   const playing = !!(artist || title);
   isPlaying = playing;
-  document.querySelector('.robot-wrap').style.opacity = playing ? '1' : '0';
+  document.querySelector('.robot-wrap').style.opacity  = playing ? '1' : '0';
+  document.querySelector('.music-ticker').style.opacity = playing ? '1' : '0';
   if (el.textContent === text) return;
   el.textContent = text;
   if (playing) pickSkeleton();