diff --git a/components/ui/tags-input/TagsInputItem.vue b/components/ui/tags-input/TagsInputItem.vue
index 0904921..918ef93 100644
--- a/components/ui/tags-input/TagsInputItem.vue
+++ b/components/ui/tags-input/TagsInputItem.vue
@@ -20,7 +20,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     v-bind="forwardedProps"
     :class="
       cn(
-        'flex h-6 items-center rounded bg-secondary data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background',
+        'flex h-6 items-center rounded bg-secondary hover:bg-primary/20 data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background transition-colors',
         props.class
       )
     "