diff --git a/static/css/app.css b/static/css/app.css
index b214a74..67b630d 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -997,4 +997,5 @@ body.dnd-mode .timer-display {
 }
 
 .volume-num::-webkit-inner-spin-button,
-.volume-num::-webkit-outer-spin-button { opacity: 0.4; }
+.volume-num::-webkit-outer-spin-button { display: none; }
+.volume-num { -moz-appearance: textfield; }
diff --git a/static/js/app.js b/static/js/app.js
index 72406ec..6f66951 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -202,6 +202,7 @@ const volNumEl = document.getElementById('volume-num');
 if (volNumEl) {
   volNumEl.addEventListener('change', function () { setVolume(this.value); });
   volNumEl.addEventListener('input', function () { setVolume(this.value); });
+  volNumEl.addEventListener('click', function () { this.select(); });
 }
 
 // ---------------------------------------------------------------------------