diff --git a/.changeset/fix-entity-info-card-header-overflow.md b/.changeset/fix-entity-info-card-header-overflow.md
new file mode 100644
index 0000000000..e40a6149fa
--- /dev/null
+++ b/.changeset/fix-entity-info-card-header-overflow.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog-react': patch
+---
+
+Fixed `EntityInfoCard` header overflowing on narrow screens.
diff --git a/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx b/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx
index 54db900fa4..8d28665757 100644
--- a/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx
+++ b/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx
@@ -30,6 +30,10 @@ const useStyles = makeStyles({
   root: {
     height: '100%',
   },
+  title: {
+    minWidth: 0,
+    overflow: 'hidden',
+  },
   footer: {
     display: 'flex',
     justifyContent: 'flex-end',
@@ -55,7 +59,12 @@ export function EntityInfoCard(props: EntityInfoCardProps) {
       {title && (
         <CardHeader>
           <Flex justify="between" align="center">
-            <Text as="h3" variant="title-x-small" weight="bold">
+            <Text
+              as="h3"
+              variant="title-x-small"
+              weight="bold"
+              className={classes.title}
+            >
               {title}
             </Text>
             {headerActions && (