diff --git a/nuxt/components/color-picker/ColorPicker.vue b/nuxt/components/color-picker/ColorPicker.vue
index 0bb1f79..0dbc2cf 100644
--- a/nuxt/components/color-picker/ColorPicker.vue
+++ b/nuxt/components/color-picker/ColorPicker.vue
@@ -35,7 +35,7 @@ const gray = computed({
   <UPopover mode="hover" :popper="{ strategy: 'absolute' }" :ui="{ width: 'w-[156px]' }">
     <template #default="{ open }">
       <UButton color="gray" variant="ghost" square :class="[open && 'bg-gray-50 dark:bg-gray-800']" aria-label="Color picker">
-        <UIcon name="i-heroicons-swatch-20-solid" class="text-primary-500 dark:text-primary-400 size-5" />
+        <UIcon name="i-heroicons-paint-brush-20-solid" class="text-primary-500 dark:text-primary-400 size-5" />
       </UButton>
     </template>