diff --git a/frontend/src/AppBuilder/Widgets/NumberInput.jsx b/frontend/src/AppBuilder/Widgets/NumberInput.jsx
index 0a30095621..f40288acd9 100644
--- a/frontend/src/AppBuilder/Widgets/NumberInput.jsx
+++ b/frontend/src/AppBuilder/Widgets/NumberInput.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { BaseInput } from './BaseComponents/BaseInput';
 import { useInput } from './BaseComponents/hooks/useInput';
 import SolidIcon from '@/_ui/Icon/SolidIcons';
@@ -145,6 +145,12 @@ export const NumberInput = (props) => {
     </div>
   );
 
+  useEffect(() => {
+    if (isNaN(inputLogic.value) || inputLogic.value === '') {
+      props.setExposedVariable('value', null);
+    }
+  }, [inputLogic.value]);
+
   return (
     <BaseInput
       {...props}