diff --git a/src/components/direction-picker/dial.css b/src/components/direction-picker/dial.css
index f8fac8b45aae6c7cba1eb20c3a353201071f06b6..ce9b7daea87f1f91f59437877c0504255b758666 100644
--- a/src/components/direction-picker/dial.css
+++ b/src/components/direction-picker/dial.css
@@ -5,6 +5,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    user-select: none;
 }
 
 .dial-container {
diff --git a/src/components/direction-picker/direction-picker.css b/src/components/direction-picker/direction-picker.css
index ed70f8ab4816e7608aa4750e6d6d02482227f4d9..501ff02171425a3a229e56b789823a748b2d4554 100644
--- a/src/components/direction-picker/direction-picker.css
+++ b/src/components/direction-picker/direction-picker.css
@@ -13,6 +13,7 @@
     background: none;
     outline: none;
     cursor: pointer;
+    user-select: none;
 }
 
 .icon-button:active > img {