diff --git a/module/aiapp/css/browseminiprogram.ui.css b/module/aiapp/css/browseminiprogram.ui.css
index 5f1b1942dc..3e9da2ef1b 100644
--- a/module/aiapp/css/browseminiprogram.ui.css
+++ b/module/aiapp/css/browseminiprogram.ui.css
@@ -79,6 +79,7 @@
     gap: 16px;
     padding: 20px 20px 0 20px;
     overflow-y: auto;
+    overflow-x: hidden;
 }
 
 .message {
@@ -112,6 +113,10 @@
     word-break: break-all;
 }
 
+pre.message-content {
+    white-space: pre-wrap;
+}
+
 .ai-message-content {
     background: #ECF4FF;
 }
diff --git a/module/aiapp/js/browseminiprogram.ui.js b/module/aiapp/js/browseminiprogram.ui.js
index 1e5ad8ef1c..0a77214aa6 100644
--- a/module/aiapp/js/browseminiprogram.ui.js
+++ b/module/aiapp/js/browseminiprogram.ui.js
@@ -333,7 +333,8 @@ function createMessageTime(time)
  */
 function createMessageContent(role, content)
 {
-    return $(`<div class="message-content ${role}-message-content">${content}</div>`);
+    content = content.replace(/\n{2,}/g, '\n');
+    return $(`<pre class="message-content ${role}-message-content">${content}</pre>`);
 }
 
 /**