From 662d6abfbdf87264764cc99b578c35f7391330ff Mon Sep 17 00:00:00 2001
From: Tony Zhang <157202938+zhangtony239@users.noreply.github.com>
Date: Mon, 2 Jun 2025 11:09:29 +0800
Subject: [PATCH] fix: optimize ChatRowContent layout and styles (#4205)

* fix: optimize ChatRowContent layout and styles

* adjust ui calc performance
---
 webview-ui/src/components/chat/ChatRow.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index 3031ada28b..cc351343b5 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -904,14 +904,15 @@ export const ChatRowContent = ({
 					)
 				case "user_feedback":
 					return (
-						<div className="bg-vscode-editor-background border rounded-xs p-1 overflow-hidden whitespace-pre-wrap word-break-break-word overflow-wrap-anywhere">
-							<div className="flex justify-between gap-2">
-								<div className="flex-grow px-2 py-1">
+						<div className="bg-vscode-editor-background border rounded-xs p-1 overflow-hidden whitespace-pre-wrap">
+							<div className="flex justify-between">
+								<div className="flex-grow px-2 py-1 wrap-anywhere">
 									<Mention text={message.text} withShadow />
 								</div>
 								<Button
 									variant="ghost"
 									size="icon"
+									className="shrink-0"
 									disabled={isStreaming}
 									onClick={(e) => {
 										e.stopPropagation()