From f68ff9a3d880113bad7da443893329f585b1aec5 Mon Sep 17 00:00:00 2001
From: Brian Fletcher <brian@roadie.io>
Date: Mon, 5 Dec 2022 10:02:21 +0000
Subject: [PATCH] fix width of popover

Signed-off-by: Brian Fletcher <brian@roadie.io>
---
 .../components/EntityRefLink/EntityRefLink.tsx    | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.tsx b/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.tsx
index ee7d770769..329f52ea74 100644
--- a/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.tsx
+++ b/plugins/catalog-react/src/components/EntityRefLink/EntityRefLink.tsx
@@ -67,13 +67,8 @@ type PeekAheadPopoverProps = {
 
 const useStyles = makeStyles(() => {
   return {
-    popover: {
-      width: '80em',
-      minWidth: '80em',
-      maxWidth: '80em',
-    },
-    card: {
-      width: '100%',
+    popoverPaper: {
+      width: '20em',
     },
   };
 });
@@ -99,8 +94,10 @@ export const PeekAheadPopover = ({
 
   return (
     <HoverPopover
+      PaperProps={{
+        className: classes.popoverPaper,
+      }}
       {...bindPopover(popupState)}
-      className={classes.popover}
       anchorOrigin={{
         vertical: 'bottom',
         horizontal: 'center',
@@ -110,7 +107,7 @@ export const PeekAheadPopover = ({
         horizontal: 'center',
       }}
     >
-      <Card className={classes.card}>
+      <Card>
         <CardContent>
           <Typography gutterBottom>{entityRef.namespace}</Typography>
           <Typography variant="h5" component="div">