diff --git a/web/app/components/base/select/index.tsx b/web/app/components/base/select/index.tsx
index 2d1f4431ef..56b4918f5e 100644
--- a/web/app/components/base/select/index.tsx
+++ b/web/app/components/base/select/index.tsx
@@ -221,13 +221,13 @@ const SimpleSelect: FC<ISelectProps> = ({
                       setSelectedItem(null)
                       onSelect({ name: '', value: '' })
                     }}
-                    className="h-5 w-5 text-gray-400 cursor-pointer"
+                    className="h-4 w-4 text-text-quaternary cursor-pointer"
                     aria-hidden="false"
                   />
                 )
                 : (
                   <ChevronDownIcon
-                    className="h-5 w-5 text-gray-400"
+                    className="h-4 w-4 text-text-quaternary group-hover/simple-select:text-text-secondary"
                     aria-hidden="true"
                   />
                 )}
diff --git a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
index bd895930f3..937c8b34fe 100644
--- a/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
+++ b/web/app/components/workflow/nodes/if-else/components/condition-list/condition-item.tsx
@@ -198,7 +198,7 @@ const ConditionItem = ({
                           <div className='ml-0.5 truncate system-xs-medium'>{item?.name}</div>
                         </div>
                       </div>
-                      : <div className='text-gray-300 system-xs-medium'>{t('common.placeholder.select')}</div>
+                      : <div className='text-left text-components-input-text-placeholder system-sm-regular'>{t('common.placeholder.select')}</div>
                   )}
                   hideChecked
                 />