From 72cd867060c63618843a0654e6754e3e65b14d1f Mon Sep 17 00:00:00 2001
From: Andrew Thauer <6507159+andrewthauer@users.noreply.github.com>
Date: Thu, 11 Feb 2021 03:29:50 -0500
Subject: [PATCH] fix(catalog): entity links incorrect wrapping

---
 .../EntityLinksCard/LinksGridList.tsx         | 25 ++++++-------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
index 6d58c20700..9ef77a4bbf 100644
--- a/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
+++ b/plugins/catalog/src/components/EntityLinksCard/LinksGridList.tsx
@@ -15,7 +15,7 @@
  */
 
 import { IconComponent } from '@backstage/core';
-import { Grid, GridList, GridListTile } from '@material-ui/core';
+import { GridList, GridListTile } from '@material-ui/core';
 import React from 'react';
 import { IconLink } from './IconLink';
 import { ColumnBreakpoints } from './types';
@@ -36,21 +36,12 @@ export const LinksGridList = ({ items, cols = undefined }: Props) => {
   const numOfCols = useDynamicColumns(cols);
 
   return (
-    <Grid
-      container
-      item
-      direction="column"
-      justify="space-evenly"
-      alignItems="flex-start"
-      spacing={0}
-    >
-      <GridList cellHeight="auto" cols={numOfCols}>
-        {items.map(({ text, href, Icon }, i) => (
-          <GridListTile key={i}>
-            <IconLink href={href} text={text ?? href} Icon={Icon} />
-          </GridListTile>
-        ))}
-      </GridList>
-    </Grid>
+    <GridList cellHeight="auto" cols={numOfCols}>
+      {items.map(({ text, href, Icon }, i) => (
+        <GridListTile key={i}>
+          <IconLink href={href} text={text ?? href} Icon={Icon} />
+        </GridListTile>
+      ))}
+    </GridList>
   );
 };