diff --git a/src/components/button/button.css b/src/components/button/button.css
index 882fe33d..1633ab18 100644
--- a/src/components/button/button.css
+++ b/src/components/button/button.css
@@ -3,6 +3,7 @@
 :local(.button) {
     background: none;
     cursor: pointer;
+    user-select: none;
 }
 :local(.button:active) {
     background-color: $motion-transparent; 
diff --git a/src/components/color-button/color-button.css b/src/components/color-button/color-button.css
index 5ef6744d..e4d06622 100644
--- a/src/components/color-button/color-button.css
+++ b/src/components/color-button/color-button.css
@@ -7,6 +7,7 @@
 .color-button-swatch {
     position: relative;
     display: flex;
+    cursor: pointer;
     flex-basis: 2rem;
     flex-shrink: 0;
     height: 100%;
@@ -17,6 +18,8 @@
 
 .color-button-arrow {
     display: flex;
+    user-select: none;
+    cursor: pointer;
     flex-basis: 1rem;
     flex-shrink: 0;
     height: 100%;