diff --git a/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx b/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
index ba05914d76..ced4b7c65f 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
+++ b/web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx
@@ -187,6 +187,7 @@ const Item: FC<ItemProps> = ({
         >
           <div className='flex w-0 grow items-center'>
             {!isFlat && <VariableIconWithColor
+              variables={itemData.variable.split('.')}
               variableCategory={variableCategory}
               isExceptionVariable={isException}
             />}
diff --git a/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts b/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts
index 19690edcba..9d35bd3e93 100644
--- a/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts
+++ b/web/app/components/workflow/nodes/_base/components/variable/variable-label/hooks.ts
@@ -1,11 +1,12 @@
 import { useMemo } from 'react'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import { BubbleX, Env } from '@/app/components/base/icons/src/vender/line/others'
+import { BubbleX, Env, GlobalVariable } from '@/app/components/base/icons/src/vender/line/others'
 import { Loop } from '@/app/components/base/icons/src/vender/workflow'
 import { InputField } from '@/app/components/base/icons/src/vender/pipeline'
 import {
   isConversationVar,
   isENV,
+  isGlobalVar,
   isRagVariableVar,
   isSystemVar,
 } from '../utils'
@@ -24,6 +25,9 @@ export const useVarIcon = (variables: string[], variableCategory?: VarInInspectT
   if (isConversationVar(variables) || variableCategory === VarInInspectType.conversation || variableCategory === 'conversation')
     return BubbleX
 
+  if(isGlobalVar(variables))
+    return GlobalVariable
+
   return Variable02
 }
 
@@ -41,6 +45,9 @@ export const useVarColor = (variables: string[], isExceptionVariable?: boolean,
     if (isConversationVar(variables) || variableCategory === VarInInspectType.conversation || variableCategory === 'conversation')
       return 'text-util-colors-teal-teal-700'
 
+    if (isGlobalVar(variables))
+      return 'text-util-colors-orange-orange-600'
+
     return 'text-text-accent'
   }, [variables, isExceptionVariable])
 }