diff --git a/ui/src/components/ai-chat/index.vue b/ui/src/components/ai-chat/index.vue
index 1459ee042..f2f004d5b 100644
--- a/ui/src/components/ai-chat/index.vue
+++ b/ui/src/components/ai-chat/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="aiChatRef" class="ai-chat" :class="log ? 'chart-log' : ''">
     <div
-      v-if="inputFieldList.length > 0 || (debug && apiInputFieldList.length > 0)"
+      v-if="(inputFieldList.length > 0 || (debug && apiInputFieldList.length > 0)) && !log"
       class="mb-16"
       style="padding: 0 24px"
     >
@@ -1098,4 +1098,10 @@ defineExpose({
   max-width: 80%;
   margin: 0 auto;
 }
+@media only screen and (max-width: 1000px) {
+  .chat-width {
+    max-width: 100% !important;
+    margin: 0 auto;
+  }
+}
 </style>
diff --git a/ui/src/views/application-workflow/index.vue b/ui/src/views/application-workflow/index.vue
index cbbfa765c..6674eb35c 100644
--- a/ui/src/views/application-workflow/index.vue
+++ b/ui/src/views/application-workflow/index.vue
@@ -327,5 +327,9 @@ onBeforeUnmount(() => {
     bottom: 0 !important;
     right: 0 !important;
   }
+  .chat-width {
+    max-width: 100% !important;
+    margin: 0 auto;
+  }
 }
 </style>
diff --git a/ui/src/views/chat/base/index.vue b/ui/src/views/chat/base/index.vue
index 87edc1761..f562164f5 100644
--- a/ui/src/views/chat/base/index.vue
+++ b/ui/src/views/chat/base/index.vue
@@ -120,7 +120,7 @@ onMounted(() => {
     }
   }
   .chat-width {
-    max-width: 80%;
+    // max-width: 80%;
     margin: 0 auto;
   }
 }