diff --git a/src/frontend/src/components/inputGlobalComponent/index.tsx b/src/frontend/src/components/inputGlobalComponent/index.tsx
index f0f3f4cc3..d0fa3a29f 100644
--- a/src/frontend/src/components/inputGlobalComponent/index.tsx
+++ b/src/frontend/src/components/inputGlobalComponent/index.tsx
@@ -23,6 +23,9 @@ export default function InputGlobalComponent({
   );
 
   const getVariableId = useGlobalVariablesStore((state) => state.getVariableId);
+  const unavaliableFields = useGlobalVariablesStore(
+    (state) => state.unavaliableFields
+  );
   const removeGlobalVariable = useGlobalVariablesStore(
     (state) => state.removeGlobalVariable
   );
@@ -39,6 +42,18 @@ export default function InputGlobalComponent({
       }
   }, [globalVariablesEntries]);
 
+  useEffect(() => {
+    if (
+      !data.node?.template[name].value &&
+      data.node?.template[name].display_name
+    ) {
+      if (unavaliableFields[data.node?.template[name].display_name!]) {
+        setDb(true);
+        onChange(unavaliableFields[data.node?.template[name].display_name!]);
+      }
+    }
+  }, [unavaliableFields]);
+
   async function handleDelete(key: string) {
     const id = getVariableId(key);
     if (id !== undefined) {