diff --git a/frontend/components/ui/tags-input/TagsInputItem.vue b/frontend/components/ui/tags-input/TagsInputItem.vue
index 06656575..87d7a894 100644
--- a/frontend/components/ui/tags-input/TagsInputItem.vue
+++ b/frontend/components/ui/tags-input/TagsInputItem.vue
@@ -16,7 +16,7 @@ const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
-  <TagsInputItem 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', props.class)">
+  <TagsInputItem v-bind="forwardedProps" :class="cn('flex h-6 items-center rounded bg-secondary text-secondary-foreground data-[state=active]:ring-ring data-[state=active]:ring-2 data-[state=active]:ring-offset-2 ring-offset-background', props.class)">
     <slot />
   </TagsInputItem>
 </template>