From 4091131859cc0bb806070fd35cdb4a3d38565d4e Mon Sep 17 00:00:00 2001
From: cannuri <91494156+cannuri@users.noreply.github.com>
Date: Fri, 9 May 2025 04:41:11 +0200
Subject: [PATCH] fix display issues with too long profile names in
 ChatTextArea.tsx (#3371)

---
 webview-ui/src/components/chat/ChatTextArea.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatTextArea.tsx b/webview-ui/src/components/chat/ChatTextArea.tsx
index 43722a5d6d..11d60d231f 100644
--- a/webview-ui/src/components/chat/ChatTextArea.tsx
+++ b/webview-ui/src/components/chat/ChatTextArea.tsx
@@ -1054,8 +1054,14 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 
 									return (
 										<div className="flex justify-between gap-2 w-full h-5">
-											<div className={cn({ "font-medium": isCurrentConfig })}>{label}</div>
-											<div className="flex justify-end w-10">
+											<div
+												className={cn("truncate min-w-0 overflow-hidden", {
+													"font-medium": isCurrentConfig,
+												})}
+												title={label}>
+												{label}
+											</div>
+											<div className="flex justify-end w-10 flex-shrink-0">
 												<div
 													className={cn("size-5 p-1", {
 														"block group-hover:hidden": !pinned,