diff --git a/resources/snippets.json b/resources/snippets.json
index 9646636c..8e3cb322 100644
--- a/resources/snippets.json
+++ b/resources/snippets.json
@@ -2,7 +2,7 @@
   {
     "title": "Sonic Dancing",
     "description": "You get sonic dancing on your playback bar!",
-    "code": ".player-controls .playback-progressbar::before { content: ''; width: 32px; height: 32px; bottom: calc(100% - 7px); right: 10px; position: absolute; image-rendering: pixelated; background-size: 32px 32px; background-image: url('https://media.tenor.com/pWqGD2PHY3kAAAAj/fortnite-dance-sonic.gif'); }",
+    "code": ".player-controls .playback-progressbar .progress-bar::before { content: ''; width: 32px; height: 32px; bottom: calc(100%); left: var(--progress-bar-transform); position: absolute; transition: left var(--progress-bar-duration); image-rendering: pixelated; background-size: 32px 32px; background-image: url('https://media.tenor.com/pWqGD2PHY3kAAAAj/fortnite-dance-sonic.gif'); }",
     "preview": "resources/assets/snippets/sonic-dancing.png"
   },
   {