From 06e4cdae070542619f62003d80aeb335b4a7e2e1 Mon Sep 17 00:00:00 2001
From: Johan Persson <johanopersson@gmail.com>
Date: Thu, 26 Feb 2026 18:50:32 +0100
Subject: [PATCH] refactor(catalog): replace MUI ImageList with BUI Grid in
 LinksGridList

Signed-off-by: Johan Persson <johanopersson@gmail.com>
---
 .../src/components/EntityLinksCard/LinksGridList.tsx  | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
index 797428df33..1556d30e22 100644
--- a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
+++ b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
@@ -14,8 +14,7 @@
  * limitations under the License.
  */
 
-import ImageList from '@material-ui/core/ImageList';
-import ImageListItem from '@material-ui/core/ImageListItem';
+import { Grid } from '@backstage/ui';
 import { IconLink } from './IconLink';
 import { ColumnBreakpoints } from './types';
 import { useDynamicColumns } from './useDynamicColumns';
@@ -37,12 +36,10 @@ export function LinksGridList(props: LinksGridListProps) {
   const numOfCols = useDynamicColumns(cols);
 
   return (
-    <ImageList rowHeight="auto" cols={numOfCols}>
+    <Grid columns={String(numOfCols) as any} gap="2">
       {items.map(({ text, href, Icon }, i) => (
-        <ImageListItem key={i}>
-          <IconLink href={href} text={text ?? href} Icon={Icon} />
-        </ImageListItem>
+        <IconLink key={i} href={href} text={text ?? href} Icon={Icon} />
       ))}
-    </ImageList>
+    </Grid>
   );
 }