fix(theme): input height in innerWrapper in Select (heroui-inc#4512)

* fix(select): fix input height heroui-inc#4321 * chore(select): changed package name in changeset to theme * chore(select): updated changeset message * chore(changeset): update package name --------- Co-authored-by: աӄա <[email protected]>
abhinav700 · Feb 5, 2025 · 12a5c15 · 12a5c15
1 parent 5e3054e
commit 12a5c15
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/tiny-schools-hang.md b/.changeset/tiny-schools-hang.md
@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+Fix input height of select to avoid clipping of label (#4321)
diff --git a/packages/core/theme/src/components/select.ts b/packages/core/theme/src/components/select.ts
@@ -23,7 +23,7 @@ const select = tv({
     trigger:
       "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
     innerWrapper:
-      "inline-flex h-full w-[calc(100%_-_theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
+      "inline-flex h-fit w-[calc(100%_-_theme(spacing.6))] min-h-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute end-3 w-4 h-4",
     spinner: "absolute end-3",
     value: ["text-foreground-500", "font-normal", "w-full", "text-start"],