Fix: Height of noncollapsable item in sidenav

2022-02-26 23:40:00 +05:30
parent 1596dc1a39
commit 2ad24e6bba
1 changed files with 5 additions and 1 deletions
--- a/src/components/Sidenav/SidenavItem.js
+++ b/src/components/Sidenav/SidenavItem.js
@@ -56,7 +56,11 @@ function SidenavItem({ color, name, active, nested, children, open, icon, ...res
            })
          }
        >
-          {icon && <MDBox sx={{ marginLeft: '-1.8em', marginRight: '0.6em' }}>{icon}</MDBox>}
+          {icon && (
+            <MDBox sx={{ display: 'grid', marginLeft: '-1.8em', marginRight: '0.6em' }}>
+              {icon}
+            </MDBox>
+          )}
          <ListItemText primary={name} />
          {children && (
            <Icon