diff --git a/web/app/components/workflow/nodes/_base/components/variable/utils.ts b/web/app/components/workflow/nodes/_base/components/variable/utils.ts
index 7c96d01a6f..982f4f7500 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/utils.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/utils.ts
@@ -739,6 +739,11 @@ export const getNodeUsedVars = (node: Node): ValueSelector[] => {
       res = [(data as IterationNodeType).iterator_selector]
       break
     }
+
+    case BlockEnum.ListFilter: {
+      res = [(data as ListFilterNodeType).variable]
+      break
+    }
   }
   return res || []
 }
@@ -997,6 +1002,12 @@ export const updateNodeVars = (oldNode: Node, oldVarSelector: ValueSelector, new
 
         break
       }
+      case BlockEnum.ListFilter: {
+        const payload = data as ListFilterNodeType
+        if (payload.variable.join('.') === oldVarSelector.join('.'))
+          payload.variable = newVarSelector
+        break
+      }
     }
   })
   return newNode
diff --git a/web/app/components/workflow/nodes/list-operator/use-config.ts b/web/app/components/workflow/nodes/list-operator/use-config.ts
index 1ad85d91e2..694ce9d49a 100644
--- a/web/app/components/workflow/nodes/list-operator/use-config.ts
+++ b/web/app/components/workflow/nodes/list-operator/use-config.ts
@@ -67,7 +67,7 @@ const useConfig = (id: string, payload: ListFilterNodeType) => {
   const itemVarTypeShowName = useMemo(() => {
     if (!inputs.variable)
       return '?'
-    return [itemVarType.substring(0, 1).toUpperCase(), itemVarType.substring(1)].join('')
+    return [(itemVarType || VarType.string).substring(0, 1).toUpperCase(), (itemVarType || VarType.string).substring(1)].join('')
   }, [inputs.variable, itemVarType])
 
   const hasSubVariable = [VarType.arrayFile].includes(varType)