diff --git a/frontend_nuxt/components/BasePlaceholder.vue b/frontend_nuxt/components/BasePlaceholder.vue
index 4b6514937..0b06a0f19 100644
--- a/frontend_nuxt/components/BasePlaceholder.vue
+++ b/frontend_nuxt/components/BasePlaceholder.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="base-placeholder">
-    <component :is="icon" class="base-placeholder-icon" theme="outline" size="48" />
+    <component :is="icon" class="base-placeholder-icon" theme="outline" />
     <div class="base-placeholder-text">
       <slot>{{ text }}</slot>
     </div>
@@ -12,7 +12,7 @@ export default {
   name: 'BasePlaceholder',
   props: {
     text: { type: String, default: '' },
-    icon: { type: String, default: 'Inbox' },
+    icon: { type: String, default: 'inbox' },
   },
 }
 </script>
@@ -27,6 +27,7 @@ export default {
   height: 300px;
   opacity: 0.5;
 }
+.base-placeholder-icon,
 .base-placeholder-text {
   font-size: 16px;
   color: var(--text-color);
diff --git a/frontend_nuxt/components/UserList.vue b/frontend_nuxt/components/UserList.vue
index 9c7313035..d6b4d2b59 100644
--- a/frontend_nuxt/components/UserList.vue
+++ b/frontend_nuxt/components/UserList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="user-list">
-    <BasePlaceholder v-if="users.length === 0" text="暂无用户" icon="Inbox" />
+    <BasePlaceholder v-if="users.length === 0" text="暂无用户" icon="inbox" />
     <div v-for="u in users" :key="u.id" class="user-item" @click="handleUserClick(u)">
       <BaseImage :src="u.avatar" alt="avatar" class="user-avatar" />
       <div class="user-info">
diff --git a/frontend_nuxt/pages/message-box/[id].vue b/frontend_nuxt/pages/message-box/[id].vue
index d58c9dba5..6ccb94057 100644
--- a/frontend_nuxt/pages/message-box/[id].vue
+++ b/frontend_nuxt/pages/message-box/[id].vue
@@ -56,7 +56,7 @@
           <BasePlaceholder
             v-if="messages.length === 0"
             text="暂无会话，发送消息试试 🎉"
-            icon="Inbox"
+            icon="inbox"
           />
         </div>
       </template>
diff --git a/frontend_nuxt/pages/message-box/index.vue b/frontend_nuxt/pages/message-box/index.vue
index aacae370d..3fabfe102 100644
--- a/frontend_nuxt/pages/message-box/index.vue
+++ b/frontend_nuxt/pages/message-box/index.vue
@@ -22,7 +22,7 @@
         </div>
 
         <div v-if="!loading && conversations.length === 0" class="empty-container">
-          <BasePlaceholder v-if="conversations.length === 0" text="暂无会话" icon="Inbox" />
+          <BasePlaceholder v-if="conversations.length === 0" text="暂无会话" icon="inbox" />
         </div>
 
         <div
@@ -73,7 +73,7 @@
         </div>
         <div v-else>
           <div v-if="channels.length === 0" class="empty-container">
-            <BasePlaceholder text="暂无频道" icon="Inbox" />
+            <BasePlaceholder text="暂无频道" icon="inbox" />
           </div>
           <div
             v-for="ch in channels"
diff --git a/frontend_nuxt/pages/message.vue b/frontend_nuxt/pages/message.vue
index 41bc865fc..9a5fa8e46 100644
--- a/frontend_nuxt/pages/message.vue
+++ b/frontend_nuxt/pages/message.vue
@@ -51,7 +51,7 @@
         <BasePlaceholder
           v-else-if="notifications.length === 0"
           text="暂时没有消息 :)"
-          icon="Inbox"
+          icon="inbox"
         />
 
         <div class="timeline-container" v-if="notifications.length > 0">
diff --git a/frontend_nuxt/pages/points.vue b/frontend_nuxt/pages/points.vue
index 95be7224c..5f16bcf2d 100644
--- a/frontend_nuxt/pages/points.vue
+++ b/frontend_nuxt/pages/points.vue
@@ -63,7 +63,7 @@
         <div class="loading-points-container" v-if="historyLoading">
           <l-hatch size="28" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
         </div>
-        <BasePlaceholder v-else-if="histories.length === 0" text="暂无积分记录" icon="Inbox" />
+        <BasePlaceholder v-else-if="histories.length === 0" text="暂无积分记录" icon="inbox" />
         <div class="timeline-container" v-else>
           <BaseTimeline :items="histories">
             <template #item="{ item }">
diff --git a/frontend_nuxt/pages/users/[id].vue b/frontend_nuxt/pages/users/[id].vue
index 9b5580ac5..c36871f33 100644
--- a/frontend_nuxt/pages/users/[id].vue
+++ b/frontend_nuxt/pages/users/[id].vue
@@ -207,7 +207,7 @@
             <BasePlaceholder
               v-if="filteredTimelineItems.length === 0"
               text="暂无时间线"
-              icon="Inbox"
+              icon="inbox"
             />
             <div class="timeline-list">
               <BaseTimeline :items="filteredTimelineItems">
@@ -305,7 +305,7 @@
               </BaseTimeline>
             </div>
             <div v-else>
-              <BasePlaceholder text="暂无收藏文章" icon="Inbox" />
+              <BasePlaceholder text="暂无收藏文章" icon="inbox" />
             </div>
           </div>