diff --git a/frontend/components/product/ProductHero.vue b/frontend/components/product/ProductHero.vue
index ec46008..730ce69 100644
--- a/frontend/components/product/ProductHero.vue
+++ b/frontend/components/product/ProductHero.vue
@@ -101,6 +101,7 @@ watch(() => selectedVariant.value, (newValue) => {
                         v-for="color in product!.colors"
                         :key="color"
                         @click="selectedColor = color"
+                        selectable
                         :selected="selectedColor === color "
                         :style="{backgroundColor: color}"
                         class="cursor-pointer"