diff --git a/apps/web-antd/src/views/workflow/components/approval-card.vue b/apps/web-antd/src/views/workflow/components/approval-card.vue
index 45921d464..d604f49a2 100644
--- a/apps/web-antd/src/views/workflow/components/approval-card.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-card.vue
@@ -48,7 +48,11 @@ function handleClick() {
     </Descriptions>
     <div class="flex items-center justify-between text-[14px]">
       <div class="flex items-center gap-1">
-        <VbenAvatar :alt="info.createByName" class="size-[24px]" src="" />
+        <VbenAvatar
+          :alt="info.createByName"
+          class="bg-primary size-[24px] rounded-full text-white"
+          src=""
+        />
         <span class="opacity-50">{{ info.createByName }}</span>
       </div>
       <div class="opacity-50">更新时间: 2222-22-22</div>
diff --git a/apps/web-antd/src/views/workflow/components/approval-panel.vue b/apps/web-antd/src/views/workflow/components/approval-panel.vue
index f2f29616c..08542dad7 100644
--- a/apps/web-antd/src/views/workflow/components/approval-panel.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-panel.vue
@@ -103,7 +103,11 @@ async function handleCancel() {
           </div>
         </div>
         <div class="flex items-center gap-2">
-          <VbenAvatar :alt="task.createByName" class="size-[24px]" src="" />
+          <VbenAvatar
+            :alt="task.createByName"
+            class="bg-primary size-[24px] rounded-full text-white"
+            src=""
+          />
           <span>{{ task.createByName }}</span>
           <div class="flex items-center opacity-50">
             <span>XXXX有限公司</span>
diff --git a/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue b/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
index 43212c7b1..5aa74ca47 100644
--- a/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
@@ -45,7 +45,11 @@ onMounted(async () => {
   <TimelineItem :key="item.id">
     <template #dot>
       <div class="relative rounded-full border">
-        <VbenAvatar :alt="item.approveName" class="size-[36px]" src="" />
+        <VbenAvatar
+          :alt="item.approveName"
+          class="bg-primary size-[36px] rounded-full text-white"
+          src=""
+        />
       </div>
     </template>
     <div class="ml-2 flex flex-col gap-0.5">