diff --git a/ui/src/styles/chat/text.css b/ui/src/styles/chat/text.css
index d6eea9866b2..6598af7a072 100644
--- a/ui/src/styles/chat/text.css
+++ b/ui/src/styles/chat/text.css
@@ -60,6 +60,8 @@
   background: rgba(0, 0, 0, 0.15);
   padding: 0.15em 0.4em;
   border-radius: 4px;
+  overflow-wrap: normal;
+  word-break: keep-all;
 }
 
 .chat-text :where(pre) {
diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index c7a6a425dc7..47797e6b53c 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1895,6 +1895,8 @@
   border-radius: var(--radius-sm);
   border: 1px solid var(--border);
   background: var(--secondary);
+  overflow-wrap: normal;
+  word-break: keep-all;
 }
 
 :root[data-theme="light"] .chat-text :where(:not(pre) > code) {