diff --git a/ui/src/components/ai-chat/component/answer-content/index.vue b/ui/src/components/ai-chat/component/answer-content/index.vue
index f02fd74dd..bc6519cf3 100644
--- a/ui/src/components/ai-chat/component/answer-content/index.vue
+++ b/ui/src/components/ai-chat/component/answer-content/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="item-content mb-16 lighter">
-    <div v-for="(answer_text, index) in chatRecord.answer_text_list" :key="index">
+    <template v-for="(answer_text, index) in chatRecord.answer_text_list" :key="index">
       <div class="avatar">
         <img v-if="application.avatar" :src="application.avatar" height="32px" width="32px" />
         <LogoIcon v-else height="32px" width="32px" />
       </div>
       <div class="content">
-        <el-card shadow="always" class="dialog-card">
+        <el-card shadow="always" class="dialog-card mb-8">
           <MdRenderer
             v-if="answer_text"
             :source="answer_text"
@@ -23,16 +23,18 @@
             <KnowledgeSource :data="chatRecord" :type="application.type" />
           </div>
         </el-card>
-        <OperationButton
-          :type="type"
-          :application="application"
-          :chat-record="chatRecord"
-          :loading="loading"
-          :start-chat="startChat"
-          :stop-chat="stopChat"
-          :regenerationChart="regenerationChart"
-        ></OperationButton>
       </div>
+    </template>
+    <div class="content">
+      <OperationButton
+        :type="type"
+        :application="application"
+        :chat-record="chatRecord"
+        :loading="loading"
+        :start-chat="startChat"
+        :stop-chat="stopChat"
+        :regenerationChart="regenerationChart"
+      ></OperationButton>
     </div>
   </div>
 </template>