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()
+ 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 } }) => (