diff --git a/frontend/src/views/chat/execution-component/LogCustomPrompt.vue b/frontend/src/views/chat/execution-component/LogCustomPrompt.vue
index 7c9b972b..fc37fb9c 100644
--- a/frontend/src/views/chat/execution-component/LogCustomPrompt.vue
+++ b/frontend/src/views/chat/execution-component/LogCustomPrompt.vue
@@ -48,6 +48,8 @@ const title = computed(() => {
   line-height: 20px;
   font-weight: 500;
   vertical-align: middle;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 .item-list {
   display: flex;
@@ -79,6 +81,7 @@ const title = computed(() => {
       font-size: 14px;
       vertical-align: middle;
       white-space: pre-wrap;
+      word-break: break-all;
     }
   }
 }
diff --git a/frontend/src/views/chat/execution-component/LogGeneratePicture.vue b/frontend/src/views/chat/execution-component/LogGeneratePicture.vue
index b6da23fb..dcc73f62 100644
--- a/frontend/src/views/chat/execution-component/LogGeneratePicture.vue
+++ b/frontend/src/views/chat/execution-component/LogGeneratePicture.vue
@@ -44,6 +44,8 @@ const title = computed(() => {
   line-height: 20px;
   font-weight: 500;
   vertical-align: middle;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 .item-list {
   display: flex;
diff --git a/frontend/src/views/chat/execution-component/LogTerm.vue b/frontend/src/views/chat/execution-component/LogTerm.vue
index 24084de5..08b73298 100644
--- a/frontend/src/views/chat/execution-component/LogTerm.vue
+++ b/frontend/src/views/chat/execution-component/LogTerm.vue
@@ -53,6 +53,8 @@ const title = computed(() => {
   line-height: 20px;
   font-weight: 500;
   vertical-align: middle;
+  white-space: pre-wrap;
+  word-break: break-all;
 }
 .item-list {
   display: flex;
@@ -83,6 +85,7 @@ const title = computed(() => {
       font-size: 14px;
       vertical-align: middle;
       white-space: pre-wrap;
+      word-break: break-all;
     }
   }
 }