diff --git a/src/panelWebView/components/Fields/NumberField.tsx b/src/panelWebView/components/Fields/NumberField.tsx
index 5f140501..5280626d 100644
--- a/src/panelWebView/components/Fields/NumberField.tsx
+++ b/src/panelWebView/components/Fields/NumberField.tsx
@@ -1,5 +1,6 @@
 import { CalculatorIcon } from '@heroicons/react/outline';
 import * as React from 'react';
+import { useEffect } from 'react';
 import { VsLabel } from '../VscodeComponents';
 
 export interface INumberFieldProps {
@@ -21,6 +22,12 @@ export const NumberField: React.FunctionComponent<INumberFieldProps> = ({label,
     onChange(newValue);
   };
 
+  useEffect(() => {
+    if (nrValue !== value) {
+      setNrValue(value);
+    }
+  }, [value]);
+
   return (
     <div className={`metadata_field`}>
       <VsLabel>