diff --git a/web/components/flow/canvas-modal/add-flow-variable-modal.tsx b/web/components/flow/canvas-modal/add-flow-variable-modal.tsx
index 5bd2997cb..8da9e50c4 100644
--- a/web/components/flow/canvas-modal/add-flow-variable-modal.tsx
+++ b/web/components/flow/canvas-modal/add-flow-variable-modal.tsx
@@ -143,9 +143,16 @@ export const AddFlowVariableModal: React.FC<Props> = ({ flowInfo, setFlowInfo })
       case 'str':
         return <Input placeholder='Parameter Value' />;
       case 'int':
-        return <InputNumber placeholder='Parameter Value' className='w-full' />;
+        return (
+          <InputNumber
+            step={1}
+            placeholder='Parameter Value'
+            parser={value => value?.replace(/[^\-?\d]/g, '') || 0}
+            style={{ width: '100%' }}
+          />
+        );
       case 'float':
-        return <InputNumber placeholder='Parameter Value' className='w-full' />;
+        return <InputNumber placeholder='Parameter Value' style={{ width: '100%' }} />;
       case 'bool':
         return (
           <Select placeholder='Select Value'>