diff --git a/docs/app/components/theme-picker/ThemePicker.vue b/docs/app/components/theme-picker/ThemePicker.vue
index 58e8fe85..751aebcf 100644
--- a/docs/app/components/theme-picker/ThemePicker.vue
+++ b/docs/app/components/theme-picker/ThemePicker.vue
@@ -24,7 +24,7 @@
             :label="color"
             :chip="color"
             :selected="primary === color"
-            @select="primary = color"
+            @click="primary = color"
           />
         </div>
       </fieldset>
@@ -41,7 +41,7 @@
             :label="color"
             :chip="color"
             :selected="neutral === color"
-            @select="neutral = color"
+            @click="neutral = color"
           />
         </div>
       </fieldset>
@@ -58,7 +58,7 @@
             :label="String(r)"
             class="justify-center px-0"
             :selected="radius === r"
-            @select="radius = r"
+            @click="radius = r"
           />
         </div>
       </fieldset>
@@ -74,7 +74,7 @@
             :key="m.label"
             v-bind="m"
             :selected="mode === m.label"
-            @select="mode = m.label"
+            @click="mode = m.label"
           />
         </div>
       </fieldset>
diff --git a/docs/app/components/theme-picker/ThemePickerButton.vue b/docs/app/components/theme-picker/ThemePickerButton.vue
index 5c4e06ff..bc010431 100644
--- a/docs/app/components/theme-picker/ThemePickerButton.vue
+++ b/docs/app/components/theme-picker/ThemePickerButton.vue
@@ -6,7 +6,6 @@
     :label="label"
     :variant="selected ? 'soft' : 'outline'"
     class="capitalize ring-[var(--ui-border)] rounded-[var(--ui-radius)] text-[11px]"
-    @click.stop.prevent="$emit('select')"
   >
     <template v-if="chip" #leading>
       <span
@@ -28,5 +27,4 @@ defineProps<{
   chip?: string
   selected?: boolean
 }>()
-defineEmits(['select'])
 </script>