From de22566ea299246afae1e19e9ca174d953539756 Mon Sep 17 00:00:00 2001
From: Tony Zhang <157202938+zhangtony239@users.noreply.github.com>
Date: Sat, 26 Apr 2025 08:13:13 +0800
Subject: [PATCH] Fix: word wrapping in Roo message title (#2948)

---
 webview-ui/src/components/chat/BrowserSessionRow.tsx | 1 +
 webview-ui/src/components/chat/ChatRow.tsx           | 1 +
 2 files changed, 2 insertions(+)

diff --git a/webview-ui/src/components/chat/BrowserSessionRow.tsx b/webview-ui/src/components/chat/BrowserSessionRow.tsx
index a52d944abc..b3dd8c0f76 100644
--- a/webview-ui/src/components/chat/BrowserSessionRow.tsx
+++ b/webview-ui/src/components/chat/BrowserSessionRow.tsx
@@ -429,6 +429,7 @@ const BrowserSessionRowContent = ({
 		alignItems: "center",
 		gap: "10px",
 		marginBottom: "10px",
+		wordBreak: "break-word",
 	}
 
 	switch (message.type) {
diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index ec94326b63..e01c5054da 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -242,6 +242,7 @@ export const ChatRowContent = ({
 		alignItems: "center",
 		gap: "10px",
 		marginBottom: "10px",
+		wordBreak: "break-word",
 	}
 
 	const pStyle: React.CSSProperties = {