From 798614ebda61c416320ea5f9c1b654feab156366 Mon Sep 17 00:00:00 2001
From: Arie Trouw <arie.trouw@xylabs.com>
Date: Tue, 3 Oct 2023 17:08:27 -0700
Subject: [PATCH] fixed some icon imports

---
 .../src/components/module/graph/DetailsFlexbox.tsx            | 4 ++--
 .../node-renderer/src/components/module/graph/Popper.tsx      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/sdk/packages/node-renderer/src/components/module/graph/DetailsFlexbox.tsx b/packages/sdk/packages/node-renderer/src/components/module/graph/DetailsFlexbox.tsx
index 1d7bd544f9..6fa685bfc9 100644
--- a/packages/sdk/packages/node-renderer/src/components/module/graph/DetailsFlexbox.tsx
+++ b/packages/sdk/packages/node-renderer/src/components/module/graph/DetailsFlexbox.tsx
@@ -1,4 +1,4 @@
-import CancelRoundedIcon from '@mui/icons-material/CancelRounded'
+import { CancelRounded } from '@mui/icons-material'
 import { IconButton } from '@mui/material'
 import { FlexBoxProps, FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
 
@@ -11,7 +11,7 @@ export const DetailsFlexbox: React.FC<DetailsFlexboxProps> = ({ children, onClos
     <FlexGrowCol alignItems="end" justifyContent="start" id="module-detail" width="100%" p={2} gap={2}>
       <FlexRow justifyContent="end">
         <IconButton onClick={onClose} size={'small'}>
-          <CancelRoundedIcon />
+          <CancelRounded />
         </IconButton>
       </FlexRow>
       {children}
diff --git a/packages/sdk/packages/node-renderer/src/components/module/graph/Popper.tsx b/packages/sdk/packages/node-renderer/src/components/module/graph/Popper.tsx
index 0b17b686e1..82447c4609 100644
--- a/packages/sdk/packages/node-renderer/src/components/module/graph/Popper.tsx
+++ b/packages/sdk/packages/node-renderer/src/components/module/graph/Popper.tsx
@@ -1,4 +1,4 @@
-import CancelRoundedIcon from '@mui/icons-material/CancelRounded'
+import { CancelRounded } from '@mui/icons-material'
 import { Button, Card, CardActions, CardHeader, IconButton, Paper, Popper, PopperProps, styled } from '@mui/material'
 import { Identicon } from '@xylabs/react-identicon'
 import { NodeSingular } from 'cytoscape'
@@ -21,7 +21,7 @@ export const ModuleHoverPopper: React.FC<ModuleHoverPopperProps> = ({ anchorEl,
               action={
                 onClose ? (
                   <IconButton size="small" onClick={onClose}>
-                    <CancelRoundedIcon />
+                    <CancelRounded />
                   </IconButton>
                 ) : null
               }