diff --git a/ui/src/views/chat/embed/index.vue b/ui/src/views/chat/embed/index.vue
index 9e2c4ac1e..867025733 100644
--- a/ui/src/views/chat/embed/index.vue
+++ b/ui/src/views/chat/embed/index.vue
@@ -36,9 +36,11 @@
         class="AiChat-embed"
       >
         <template #operateBefore>
-          <el-button type="primary" link class="new-chat-button mb-8" @click="newChat">
-            <el-icon><Plus /></el-icon><span class="ml-4">新建对话</span>
-          </el-button>
+          <div class="chat-width">
+            <el-button type="primary" link class="new-chat-button mb-8" @click="newChat">
+              <el-icon><Plus /></el-icon><span class="ml-4">新建对话</span>
+            </el-button>
+          </div>
         </template>
       </AiChat>
     </div>
@@ -334,5 +336,9 @@ onMounted(() => {
       padding-top: 12px;
     }
   }
+  .chat-width {
+    max-width: var(--app-chat-width, 860px);
+    margin: 0 auto;
+  }
 }
 </style>