diff --git a/ui/src/components/ai-dialog/index.vue b/ui/src/components/ai-dialog/index.vue
index 9f95b7d2..8db070a2 100644
--- a/ui/src/components/ai-dialog/index.vue
+++ b/ui/src/components/ai-dialog/index.vue
@@ -61,6 +61,7 @@
               <el-card v-else shadow="always" class="dialog-card">
                 <MarkdownRenderer :source="item.answer_text"></MarkdownRenderer>
               </el-card>
+              <el-button type="primary" link class="mt-8">停止回答</el-button>
             </div>
           </div>
         </template>
@@ -154,7 +155,6 @@ function chatMessage() {
     getChartOpenId()
   } else {
     const problem_text = inputValue.value
-    inputValue.value = ''
     applicationApi.postChatMessage(chartOpenId.value, problem_text).then(async (response) => {
       const id = randomId()
       chatList.value.push({
@@ -163,6 +163,7 @@ function chatMessage() {
         answer_text: '',
         buffer: []
       })
+      inputValue.value = ''
       const row = chatList.value.find((item) => item.id === id)
       if (row) {
         const chatMange = new ChatManage(row, 50, loading)
diff --git a/ui/src/main.ts b/ui/src/main.ts
index e121c147..96affdbd 100644
--- a/ui/src/main.ts
+++ b/ui/src/main.ts
@@ -10,7 +10,6 @@ import App from './App.vue'
 import router from '@/router'
 import Components from '@/components'
 
-import 'highlight.js/styles/default.css'
 const app = createApp(App)
 app.use(store)
 app.use(directives)
diff --git a/ui/src/styles/index.scss b/ui/src/styles/index.scss
index 941081fe..abfef83c 100644
--- a/ui/src/styles/index.scss
+++ b/ui/src/styles/index.scss
@@ -1,7 +1,6 @@
-
 @import 'element-plus/dist/index.css';
 @import './variables.scss';
 @import './app.scss';
 @import './element-plus.scss';
-@import 'nprogress/nprogress.css'
-
+@import 'nprogress/nprogress.css';
+@import 'highlight.js/styles/default.css';