From 49375fdc3c00060c9e435edd10228da8522d47f4 Mon Sep 17 00:00:00 2001
From: Ben Lambert <ben@blam.sh>
Date: Thu, 24 Oct 2024 13:39:45 +0200
Subject: [PATCH] Revert "fix(catalog-react) : fixing text overflow"
 Signed-off-by: blam <ben@blam.sh>

---
 .changeset/stupid-insects-allow.md            |  5 -----
 .../EntityDisplayName/EntityDisplayName.tsx   | 19 +------------------
 2 files changed, 1 insertion(+), 23 deletions(-)
 delete mode 100644 .changeset/stupid-insects-allow.md

diff --git a/.changeset/stupid-insects-allow.md b/.changeset/stupid-insects-allow.md
deleted file mode 100644
index a55b5c1044..0000000000
--- a/.changeset/stupid-insects-allow.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@backstage/plugin-catalog-react': patch
----
-
-Fixed bug in `EntityDisplayName` where text was overflowing.
diff --git a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
index 7ffceb2cce..68d5ecefdb 100644
--- a/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
+++ b/plugins/catalog-react/src/components/EntityDisplayName/EntityDisplayName.tsx
@@ -20,7 +20,6 @@ import Tooltip from '@material-ui/core/Tooltip';
 import { Theme, makeStyles } from '@material-ui/core/styles';
 import React from 'react';
 import { useEntityPresentation } from '../../apis';
-import Typography from '@material-ui/core/Typography';
 
 /**
  * The available style class keys for {@link EntityDisplayName}, under the name
@@ -35,7 +34,6 @@ const useStyles = makeStyles(
     root: {
       display: 'inline-flex',
       alignItems: 'center',
-      maxWidth: '100%',
     },
     icon: {
       marginRight: theme.spacing(0.5),
@@ -79,22 +77,7 @@ export const EntityDisplayName = (
   );
 
   // The innermost "body" content
-  let content = (
-    <Tooltip
-      title={primaryTitle}
-      placement="top"
-      arrow
-      aria-label={primaryTitle}
-    >
-      <Typography
-        noWrap
-        title={primaryTitle}
-        aria-describedby="tooltip-description"
-      >
-        {primaryTitle}
-      </Typography>
-    </Tooltip>
-  );
+  let content = <>{primaryTitle}</>;
 
   // Optionally an icon, and wrapper around them both
   content = (