diff --git a/templates/queue.html b/templates/queue.html
index 2dde559..8137c99 100644
--- a/templates/queue.html
+++ b/templates/queue.html
@@ -30,15 +30,15 @@
 </ul>
 
 <script>
-const scrollCurrentSongIntoView = () => {
-  const hoveredSong = document.querySelector(".queue li:hover");
-  if (hoveredSong === null) {
-    const currentSong = document.querySelector(".queue li.playing");
-    currentSong.scrollIntoView({ block: "nearest" });
-  }
-}
-
 htmx.onLoad(() => {
+  const scrollCurrentSongIntoView = () => {
+    const hoveredSong = document.querySelector(".queue li:hover");
+    if (hoveredSong === null) {
+      const currentSong = document.querySelector(".queue li.playing");
+      currentSong?.scrollIntoView({ block: "nearest" });
+    }
+  }
+
   const isReduced = window
     .matchMedia("(prefers-reduced-motion: reduce)")
     .matches;