From dd7987fdecb2040cd7b534e1a60a3357ad94777d Mon Sep 17 00:00:00 2001
From: Le Roux Bodenstein <lerouxb@gmail.com>
Date: Tue, 8 Apr 2025 20:43:43 +0100
Subject: [PATCH 1/2] ellipsis if the connection name gets too long

---
 .../src/components/workspace-tabs/tab.tsx                | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/compass-components/src/components/workspace-tabs/tab.tsx b/packages/compass-components/src/components/workspace-tabs/tab.tsx
index 38d1e747c5d..4d6aba2a66e 100644
--- a/packages/compass-components/src/components/workspace-tabs/tab.tsx
+++ b/packages/compass-components/src/components/workspace-tabs/tab.tsx
@@ -180,6 +180,13 @@ const closeButtonStyles = css({
   marginRight: spacing[100],
 });
 
+const workspaceTabTooltipStyles = css({
+  whiteSpace: 'nowrap',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  width: '100%',
+});
+
 type TabProps = {
   connectionName?: string;
   type: string;
@@ -326,7 +333,7 @@ function Tab({
       {tooltip && (
         <div data-testid="workspace-tab-tooltip">
           {tooltip.map(([label, value]) => (
-            <div key={label}>
+            <div key={label} className={workspaceTabTooltipStyles}>
               <b>{label}:</b> {value}
             </div>
           ))}

From 1551de85896d5ebb72bae31c31c975adfa195672 Mon Sep 17 00:00:00 2001
From: Le Roux Bodenstein <lerouxb@gmail.com>
Date: Wed, 9 Apr 2025 10:30:57 +0100
Subject: [PATCH 2/2] actually rather ust break the line

---
 .../src/components/workspace-tabs/tab.tsx                   | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/compass-components/src/components/workspace-tabs/tab.tsx b/packages/compass-components/src/components/workspace-tabs/tab.tsx
index 4d6aba2a66e..14892ec71b2 100644
--- a/packages/compass-components/src/components/workspace-tabs/tab.tsx
+++ b/packages/compass-components/src/components/workspace-tabs/tab.tsx
@@ -181,10 +181,8 @@ const closeButtonStyles = css({
 });
 
 const workspaceTabTooltipStyles = css({
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  width: '100%',
+  overflowWrap: 'anywhere',
+  textWrap: 'wrap',
 });
 
 type TabProps = {