diff --git a/packages/ui/src/layout/MainLayout/Sidebar/MenuList/NavItem/index.jsx b/packages/ui/src/layout/MainLayout/Sidebar/MenuList/NavItem/index.jsx
index f9a2959b975..91a4fcf733d 100644
--- a/packages/ui/src/layout/MainLayout/Sidebar/MenuList/NavItem/index.jsx
+++ b/packages/ui/src/layout/MainLayout/Sidebar/MenuList/NavItem/index.jsx
@@ -114,17 +114,22 @@ const NavItem = ({ item, level, navType, onClick, onUploadFile }) => {
             <ListItemIcon sx={{ my: 'auto', minWidth: !item?.icon ? 18 : 36 }}>{itemIcon}</ListItemIcon>
             <ListItemText
                 primary={
-                    <Typography variant={customization.isOpen.findIndex((id) => id === item.id) > -1 ? 'h5' : 'body1'} color='inherit'>
+                    <Typography
+                        variant={customization.isOpen.findIndex((id) => id === item.id) > -1 ? 'h5' : 'body1'}
+                        color='inherit'
+                        sx={{ my: 0.5 }}
+                    >
                         {item.title}
                     </Typography>
                 }
                 secondary={
                     item.caption && (
-                        <Typography variant='caption' sx={{ ...theme.typography.subMenuCaption }} display='block' gutterBottom>
+                        <Typography variant='caption' sx={{ ...theme.typography.subMenuCaption, mt: -0.6 }} display='block' gutterBottom>
                             {item.caption}
                         </Typography>
                     )
                 }
+                sx={{ my: 'auto' }}
             />
             {item.chip && (
                 <Chip
@@ -138,6 +143,7 @@ const NavItem = ({ item, level, navType, onClick, onUploadFile }) => {
             {item.isBeta && (
                 <Chip
                     sx={{
+                        my: 'auto',
                         width: 'max-content',
                         fontWeight: 700,
                         fontSize: '0.65rem',