diff --git a/packages/react/src/components/NumberInput/NumberInput.stories.js b/packages/react/src/components/NumberInput/NumberInput.stories.js
index fe49a71a72ab..cf9bca424288 100644
--- a/packages/react/src/components/NumberInput/NumberInput.stories.js
+++ b/packages/react/src/components/NumberInput/NumberInput.stories.js
@@ -85,23 +85,18 @@ export const withAILabel = () => (
 
 export const Playground = (args) => {
   // const { numberInputArrowTranslationIds, ...rest } = props();
-  return (
-    <NumberInput
-      id="carbon-number"
-      min={-100}
-      max={100}
-      value={50}
-      label="NumberInput label"
-      helperText="Optional helper text."
-      invalidText="Number is not valid"
-      {...args}
-    />
-  );
+  return <NumberInput id="carbon-number" {...args} />;
 };
 
 Playground.args = {
   warnText:
     'Warning message that is really long can wrap to more lines but should not be excessively long.',
+  value: 50,
+  min: -100,
+  max: 100,
+  label: 'NumberInput label',
+  helperText: 'Optional helper text.',
+  invalidText: 'Number is not valid',
 };
 
 Playground.argTypes = {
@@ -151,6 +146,12 @@ Playground.argTypes = {
   value: {
     control: { type: `number` },
   },
+  min: {
+    control: { type: 'number' },
+  },
+  max: {
+    control: { type: 'number' },
+  },
   warnText: {
     control: {
       type: 'text',