From 743505fbc07fc057775042096bd8454d43d0499b Mon Sep 17 00:00:00 2001
From: doki- <95574719+IsDyh01@users.noreply.github.com>
Date: Mon, 25 Aug 2025 15:39:14 +0800
Subject: [PATCH] fix(theme): stepperButton when labelPlacement is outside in
 NumberInput (#5628)

* fix(theme): set stepperButton height when labelPlacement=outside in NumberInput component

* chore(changeset): add issue number

---------

Co-authored-by: WK <wingkwong.code@gmail.com>
---
 .changeset/silver-buses-build.md                   | 5 +++++
 packages/core/theme/src/components/number-input.ts | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/silver-buses-build.md

diff --git a/.changeset/silver-buses-build.md b/.changeset/silver-buses-build.md
new file mode 100644
index 000000000..743dbecd9
--- /dev/null
+++ b/.changeset/silver-buses-build.md
@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+set stepperButton height when lablePlacement=outside (#5622)
diff --git a/packages/core/theme/src/components/number-input.ts b/packages/core/theme/src/components/number-input.ts
index a0123f41a..8445959f1 100644
--- a/packages/core/theme/src/components/number-input.ts
+++ b/packages/core/theme/src/components/number-input.ts
@@ -801,6 +801,7 @@ const numberInput = tv({
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_var(--heroui-font-size-small)/2_+_20px)]",
         ],
         base: "data-[has-label=true]:mt-[calc(var(--heroui-font-size-small)_+_10px)]",
+        stepperButton: "before:h-4",
       },
     },
     {