diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index 79dc759f..9c875290 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -114,7 +114,7 @@
               </el-dropdown>
             </span>
           </div>
-          <div class="right-height">
+          <div class="right-height chat-width">
             <AiChat
               ref="AiChatRef"
               v-model:applicationDetails="applicationDetail"
@@ -466,4 +466,15 @@ onMounted(() => {
     }
   }
 }
+
+.chat-width {
+  max-width: 80%;
+  margin: 0 auto;
+}
+@media only screen and (max-width: 1000px) {
+  .chat-width {
+    max-width: 100% !important;
+    margin: 0 auto;
+  }
+}
 </style>