From 10adfa32e9026b5d40c339c2eb8e49c4afb6a8df Mon Sep 17 00:00:00 2001
From: dew1997 <109208984+dew1997@users.noreply.github.com>
Date: Wed, 20 May 2026 09:23:31 +0800
Subject: [PATCH] fix(NumberField): remove +/- stepper buttons (#9444)

---
 .../src/templates/Field/Number/NumberField.test.tsx    | 10 ++++++++++
 .../src/templates/Field/Number/NumberField.tsx         |  1 +
 2 files changed, 11 insertions(+)

diff --git a/apps/frontend/src/templates/Field/Number/NumberField.test.tsx b/apps/frontend/src/templates/Field/Number/NumberField.test.tsx
index 75d928661a..299dc210c5 100644
--- a/apps/frontend/src/templates/Field/Number/NumberField.test.tsx
+++ b/apps/frontend/src/templates/Field/Number/NumberField.test.tsx
@@ -13,6 +13,16 @@ import * as stories from './NumberField.stories'
 const { ValidationRequired, ValidationOptional } = composeStories(stories)
 
 describe('validation required', () => {
+  it('does not render stepper buttons', () => {
+    render(<ValidationRequired />)
+    expect(
+      screen.queryByRole('button', { name: /increment/i, hidden: true }),
+    ).toBeNull()
+    expect(
+      screen.queryByRole('button', { name: /decrement/i, hidden: true }),
+    ).toBeNull()
+  })
+
   it('renders error when field is not filled before submitting', async () => {
     // Arrange
     const user = userEvent.setup()
diff --git a/apps/frontend/src/templates/Field/Number/NumberField.tsx b/apps/frontend/src/templates/Field/Number/NumberField.tsx
index eaa776a0c4..468952714e 100644
--- a/apps/frontend/src/templates/Field/Number/NumberField.tsx
+++ b/apps/frontend/src/templates/Field/Number/NumberField.tsx
@@ -34,6 +34,7 @@ export const NumberField = ({
         defaultValue=""
         render={({ field: { value, onChange, ...rest } }) => (
           <NumberInput
+            showSteppers={false}
             min={0}
             inputMode="numeric"
             colorScheme={`theme-${colorTheme}`}