diff --git a/src/views/ai/chat/new-chat/Header.vue b/src/views/ai/chat/new-chat/Header.vue
index ed6e491..bc25578 100644
--- a/src/views/ai/chat/new-chat/Header.vue
+++ b/src/views/ai/chat/new-chat/Header.vue
@@ -35,15 +35,15 @@ function handleClear() {
 </script>
 
 <template>
-  <div class="mb-10px flex flex-wrap justify-between items-center">
+  <div class="mb-10px flex flex-wrap justify-between items-center pl-10px">
     <div class="font-bold flex justify-center items-center flex-wrap gap-2">
-      <el-icon class="text-lg"><Star /></el-icon>
+      <SvgIcon class="text-lg" icon="ion:sparkles-outline" />
       <span>{{ title }}</span>
     </div>
     <div class="flex items-center gap-2">
       <ModelSelect :id="chatStore.modelId" class="w-auto min-w-[180px]" />
 
-      <el-button type="warning" size="small" @click="handleClear">
+      <el-button type="warning" plain @click="handleClear">
         <template #icon>
           <el-icon><Delete /></el-icon>
         </template>