diff --git a/src/pages/chats/[id]/index.vue b/src/pages/chats/[id]/index.vue
index 960a93b..e5ddbd0 100644
--- a/src/pages/chats/[id]/index.vue
+++ b/src/pages/chats/[id]/index.vue
@@ -9,16 +9,16 @@
       width="100%"
     >
       <template #title>
-        <span class="font-weight-black">
-          <span v-if="message.role == 'assistant'"> AI </span>
-          <span v-else-if="message.role == 'system'"> 系统 </span>
+        <div class="font-weight-black">
+          <div v-if="message.role == 'assistant'"> AI </div>
+          <div v-else-if="message.role == 'system'"> 系统 </div>
 
-          <span v-else-if="message.role == 'user'"> 用户 </span>
+          <div v-else-if="message.role == 'user'" class="text-right"> 用户 </div>
 
-          <span v-else>
+          <div v-else>
             {{ message.role }}
-          </span>
-        </span>
+          </div>
+        </div>
       </template>
 
       <v-card-text class="bg-surface-light pt-4">