From 74fd81c28dc5f1e783ade8d1c4388e9b4c0f4e66 Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Tue, 3 Mar 2026 11:31:05 +0100
Subject: [PATCH] fix(catalog-react): make EntityInfoCard fill available
 container height

Set `height: 100%` on EntityInfoCard so cards fill their grid cell,
matching the row height of sibling cards. This replaces the behavior
previously provided by `variant="gridItem"` on the old InfoCard.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 .../src/components/EntityInfoCard/EntityInfoCard.tsx  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx b/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx
index c31bd133e0..a0c7c20ffe 100644
--- a/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx
+++ b/plugins/catalog-react/src/components/EntityInfoCard/EntityInfoCard.tsx
@@ -23,6 +23,14 @@ import {
   Text,
   Flex,
 } from '@backstage/ui';
+import { makeStyles } from '@material-ui/core/styles';
+import classNames from 'classnames';
+
+const useStyles = makeStyles({
+  root: {
+    height: '100%',
+  },
+});
 
 /** @public */
 export interface EntityInfoCardProps {
@@ -36,9 +44,10 @@ export interface EntityInfoCardProps {
 /** @public */
 export function EntityInfoCard(props: EntityInfoCardProps) {
   const { title, headerActions, footerActions, children, className } = props;
+  const classes = useStyles();
 
   return (
-    <Card className={className}>
+    <Card className={classNames(classes.root, className)}>
       {title && (
         <CardHeader>
           <Flex justify="between" align="center">