diff --git a/static/js/rot.js b/static/js/rot.js
index 0c13369e..14b096f9 100644
--- a/static/js/rot.js
+++ b/static/js/rot.js
@@ -255,16 +255,10 @@
         audio.volume = 0.2; //Default volume
 
     //Initialize audio controls and event listeners
-    waitUntil("#music-controls").then((controls) => {
-        updateVolumeLabel();
-        controls.querySelector("#music-up").onclick = () => volumeAdd(0.05);
-        controls.querySelector("#music-down").onclick = () => volumeAdd(-0.05);
-    });
+    waitUntil("#music-up").then((btn) => btn.addEventListener('click', () => volumeAdd(0.05)));
+    waitUntil("#music-down").then((btn) => btn.addEventListener('click', () => volumeAdd(-0.05)));
 
-    waitUntil("#music-slider").then((slider) => {
-        updateVolumeLabel();
-        slider.oninput = () => volumeSet(slider.value / 100);
-    });
+    waitUntil("#music-slider").then((slider) => slider.addEventListener('input', () => volumeSet(slider.value / 100)));
 
     waitUntil("#music-mute").then((box) => {
         audio.muted = box.checked = localStorage.audiomuted === "true";
@@ -273,6 +267,8 @@
             playMusic();
         })
     });
+    
+    waitUntil("#user-audio-percentage").then(updateVolumeLabel);
 
     //Monkey patches and event listeners
     const oldPushState = history.pushState;