Prevent selection of icons by highlighting

src/components/direction-picker/dial.css

@@ -5,6 +5,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    user-select: none;
 }
 
 .dial-container {

src/components/direction-picker/direction-picker.css

@@ -13,6 +13,7 @@
     background: none;
     outline: none;
     cursor: pointer;
+    user-select: none;
 }
 
 .icon-button:active > img {