diff --git a/waybar/style.css b/waybar/style.css
index c0d4b56..f31c5b6 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -108,7 +108,7 @@ window#waybar.chromium {
 #scratchpad:hover, #power-profiles-daemon:hover {
     color: @accent-color;
     background: rgba(0, 0, 0, 0.2);
-    animation: hover 0.2s 1;
+    transition: color 0.5s ease-out, border-bottom 0.5s ease-out, background 0.5s ease-out;
 }
 
 #mpd:hover {