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>
   );
 }