From 657072dd1793fa7736b56d74636a73455eb0d497 Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Thu, 30 Apr 2026 22:06:36 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20fix=20input=20styles=20for=20tag?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/multi-select/multi-select-tag-input.tsx | 2 +-
 src/components/tags/tag-input.tsx                      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/multi-select/multi-select-tag-input.tsx b/src/components/multi-select/multi-select-tag-input.tsx
index c00a76497..5634f7481 100644
--- a/src/components/multi-select/multi-select-tag-input.tsx
+++ b/src/components/multi-select/multi-select-tag-input.tsx
@@ -56,7 +56,7 @@ export function MultiSelectTagInput<T extends TagValue>({
                             <span
                                 key={option.id}
                                 className={cn(
-                                    "bg-muted-foreground/20 font-normal text-foreground rounded-sm",
+                                    "bg-muted-foreground/10 font-normal text-foreground rounded-sm",
                                     "py-1 pl-1.5 pr-0.5 text-xs inline-flex items-center gap-0.5"
                                 )}
                                 onClick={(e) => e.stopPropagation()}
diff --git a/src/components/tags/tag-input.tsx b/src/components/tags/tag-input.tsx
index 1ea93b468..13d316a88 100644
--- a/src/components/tags/tag-input.tsx
+++ b/src/components/tags/tag-input.tsx
@@ -537,7 +537,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
                                     onBlur={handleInputBlur}
                                     {...inputProps}
                                     className={cn(
-                                        "border-0 px-2 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
+                                        "border-0 px-2 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
                                         // className,
                                         styleClasses?.input
                                     )}
@@ -624,7 +624,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
                                     onBlur={handleInputBlur}
                                     {...inputProps}
                                     className={cn(
-                                        "border-0 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
+                                        "border-0 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
                                         // className,
                                         styleClasses?.input
                                     )}
@@ -708,7 +708,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
                                         onBlur={handleInputBlur}
                                         {...inputProps}
                                         className={cn(
-                                            "border-0 px-2 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
+                                            "border-0 px-2 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
                                             // className,
                                             styleClasses?.input
                                         )}
@@ -786,7 +786,7 @@ export function TagInput({ ref, ...props }: TagInputProps) {
                                     onBlur={handleInputBlur}
                                     {...inputProps}
                                     className={cn(
-                                        "border-0 px-2 h-5 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
+                                        "border-0 px-2 h-6 bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 flex-1 w-fit shadow-none inset-shadow-none",
                                         // className,
                                         styleClasses?.input
                                     )}