diff --git a/web/app/components/workflow/header/checklist.tsx b/web/app/components/workflow/header/checklist.tsx
index 374726cbeb..c14ab1f6e5 100644
--- a/web/app/components/workflow/header/checklist.tsx
+++ b/web/app/components/workflow/header/checklist.tsx
@@ -142,8 +142,8 @@ const WorkflowChecklist = ({
                             }
                             {
                               node.varErrorMessage?.map((errorMessage: string) => (
-                                <div className='rounded-b-lg bg-gray-25 px-3 py-2'>
-                                  <div className='flex text-xs leading-[18px] text-gray-500'>
+                                <div className='rounded-b-lg px-3 py-2'>
+                                  <div className='flex text-xs leading-[18px] text-text-tertiary'>
                                     <AlertTriangle className='mr-2 mt-[3px] h-3 w-3 text-[#F79009]' />
                                     {errorMessage}
                                   </div>