From af1a8fc219fe985f0a73d0856aeff0ecdedb2e95 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Wed, 7 Sep 2022 15:12:37 -0400
Subject: [PATCH] Fleet UI: Truncated cell truncates when changing screen width
 (#7613)

---
 .../DataTable/TruncatedTextCell/TruncatedTextCell.tsx           | 2 +-
 .../TableContainer/DataTable/TruncatedTextCell/_styles.scss     | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx b/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx
index 83771a6365..c521b12bb9 100644
--- a/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx
+++ b/frontend/components/TableContainer/DataTable/TruncatedTextCell/TruncatedTextCell.tsx
@@ -37,7 +37,7 @@ const TruncatedTextCell = ({
       >
         <span
           className={`data-table__truncated-text--cell ${
-            !tooltipDisabled && "truncated"
+            tooltipDisabled ? "" : "truncated"
           }`}
         >
           {value}
diff --git a/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss b/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss
index c2b834b275..ddc0767dda 100644
--- a/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss
+++ b/frontend/components/TableContainer/DataTable/TruncatedTextCell/_styles.scss
@@ -4,6 +4,7 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    max-width: 101%;
   }
 
   .truncated {