diff --git a/app/www/annotate.html b/app/www/annotate.html
index eaa981a..c26a5ae 100644
--- a/app/www/annotate.html
+++ b/app/www/annotate.html
@@ -177,6 +177,15 @@
             pointer-events: all;
         }
 
+        .noUi-handle:focus{
+            /* background: red;; */
+            border: solid 2px #601be0;
+            
+        }
+        /* .noUi-handle:focus::before, .noUi-handle:focus::after{
+            background: #601be0;
+        } */
+
         .tags .tag span {
             display: inline-block;
             width: 20px;
diff --git a/app/www/annotate.js b/app/www/annotate.js
index 04573ab..46eaa5e 100644
--- a/app/www/annotate.js
+++ b/app/www/annotate.js
@@ -178,6 +178,9 @@ class Annotator extends EventTarget {
         this.playPauseEl.addEventListener("click", (ev) => {
             this.playPause()
         })
+        this.playPauseEl.addEventListener('keydown',(ev) => {
+            ev.preventDefault(); // we don't want to spacebar, as this is captured in the overall keydown event
+        })
 
         this.scrubberEl = document.createElement('div');
         this.scrubberEl.classList.add('scrubber')