diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index df1d4dd71..d43a503bb 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -26,7 +26,9 @@
                   :showIcon="false"
                 >
                   <template #icon>
-                    <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
+                    <AppAvatar class="mr-12 avatar-light" :size="22">
+                      {{ index + 1 + '' }}</AppAvatar
+                    >
                   </template>
                   <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
                   <template #description>
diff --git a/ui/src/views/hit-test/index.vue b/ui/src/views/hit-test/index.vue
index a2a39a515..d41092776 100644
--- a/ui/src/views/hit-test/index.vue
+++ b/ui/src/views/hit-test/index.vue
@@ -42,7 +42,8 @@
                   @click="editParagraph(item)"
                 >
                   <template #icon>
-                    <AppAvatar :name="index + 1 + ''" class="mr-12 avatar-light" :size="22" />
+                    <AppAvatar class="mr-12 avatar-light" :size="22">
+                      {{ index + 1 + '' }}</AppAvatar>
                   </template>
                   <div class="active-button primary">{{ item.similarity?.toFixed(3) }}</div>
                   <template #footer>