diff --git a/src/components/mood/mood-form.tsx b/src/components/mood/mood-form.tsx index a42ce14e1..38ac2d570 100644 --- a/src/components/mood/mood-form.tsx +++ b/src/components/mood/mood-form.tsx @@ -313,7 +313,7 @@ export function MoodForm({ onSuccess, onCancel, footerSlot }: MoodFormProps) { setTagsInput(next); } }} - className={`min-h-8 rounded-full border px-2.5 py-1 text-xs transition-colors ${ + className={`inline-flex min-h-11 items-center rounded-full border px-3 py-2 text-xs transition-colors ${ isActive ? "border-primary bg-primary/15 text-primary" : "border-border/70 bg-muted text-foreground/75 hover:bg-accent hover:text-foreground" diff --git a/src/components/mood/mood-tag-picker.tsx b/src/components/mood/mood-tag-picker.tsx index 76dbae0ec..25139e103 100644 --- a/src/components/mood/mood-tag-picker.tsx +++ b/src/components/mood/mood-tag-picker.tsx @@ -92,7 +92,7 @@ export function MoodTagPicker({ type="button" onClick={() => onToggle(tag.key)} aria-pressed={isActive} - className={`inline-flex min-h-8 items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs transition-colors ${ + className={`inline-flex min-h-11 items-center gap-1.5 rounded-full border px-3 py-2 text-xs transition-colors ${ isActive ? "border-primary bg-primary/15 text-primary" : "border-border/70 bg-muted text-foreground/75 hover:bg-accent hover:text-foreground"