diff --git a/components/Toolbar/HighlightButton.tsx b/components/Toolbar/HighlightButton.tsx
index 38568219..902c5b1a 100644
--- a/components/Toolbar/HighlightButton.tsx
+++ b/components/Toolbar/HighlightButton.tsx
@@ -58,7 +58,7 @@ export const HighlightColorButton = (props: {
   }
   return (
     <button
-      onClick={(e) => {
+      onMouseDown={(e) => {
         e.preventDefault();
         toggleMarkInFocusedBlock(schema.marks.highlight, {
           color: props.color,