diff --git a/src/components/navbar/navigation/DesktopSideBar.tsx b/src/components/navbar/navigation/DesktopSideBar.tsx
index e4b396b03c..ebac6db8af 100644
--- a/src/components/navbar/navigation/DesktopSideBar.tsx
+++ b/src/components/navbar/navigation/DesktopSideBar.tsx
@@ -45,7 +45,7 @@ export default function DesktopSideBar({ navBarItems }: IProps) {
                 }: NavbarItem) => (
                     <Link to={path} style={{ color: 'inherit', textDecoration: 'none' }} key={path}>
                         <ListItem disableRipple button key={title}>
-                            <ListItemIcon style={{ minWidth: '0' }}>
+                            <ListItemIcon sx={{ minWidth: '0' }}>
                                 <Tooltip placement="right" title={title}>
                                     {iconFor(path, IconComponent, SelectedIconComponent)}
                                 </Tooltip>