From 69208ae3ed649dec61ce87ccb1b791ddca1cd7b8 Mon Sep 17 00:00:00 2001
From: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
Date: Mon, 4 Nov 2024 14:32:51 +0530
Subject: [PATCH] fix(catalog-react) : fixing owner text overflow

Signed-off-by: its-mitesh-kumar <itsmiteshkumar98@gmail.com>
---
 .../EntityDisplayName/EntityDisplayName.tsx           | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
index 68d5ecefdb..7a00ff3809 100644
--- a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
+++ b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
@@ -77,7 +77,16 @@ export const EntityDisplayName = (
   );
 
   // The innermost "body" content
-  let content = <>{primaryTitle}</>;
+  let content = (
+    <div
+      style={{
+        overflow: 'hidden',
+        wordBreak: 'break-word',
+      }}
+    >
+      {primaryTitle}
+    </div>
+  );
 
   // Optionally an icon, and wrapper around them both
   content = (