diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index 57d649b4..706abd9f 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @baseapp-frontend/components
 
+## 1.0.32
+
+### Patch Changes
+
+- Disables link for navigation elements with children and fixes vertical alignment
+
 ## 1.0.31
 
 ### Patch Changes
diff --git a/packages/components/modules/navigations/web/NavMini/NavSectionMini/NavList/NavItem/index.tsx b/packages/components/modules/navigations/web/NavMini/NavSectionMini/NavList/NavItem/index.tsx
index b0dfca66..babf6498 100644
--- a/packages/components/modules/navigations/web/NavMini/NavSectionMini/NavList/NavItem/index.tsx
+++ b/packages/components/modules/navigations/web/NavMini/NavSectionMini/NavList/NavItem/index.tsx
@@ -32,6 +32,7 @@ const NavItem = forwardRef<HTMLDivElement, NavItemProps>(
         depth={depth}
         active={active}
         disabled={disabled}
+        disableRipple={hasChild}
         {...props}
       >
         <div className="relative">
@@ -81,6 +82,8 @@ const NavItem = forwardRef<HTMLDivElement, NavItemProps>(
         </Link>
       )
 
+    if (hasChild) return content
+
     return (
       <Link
         href={path}
diff --git a/packages/components/modules/navigations/web/__shared__/NavSectionVertical/Group/NavList/NavItem/index.tsx b/packages/components/modules/navigations/web/__shared__/NavSectionVertical/Group/NavList/NavItem/index.tsx
index 41b3e2d9..4c52099a 100644
--- a/packages/components/modules/navigations/web/__shared__/NavSectionVertical/Group/NavList/NavItem/index.tsx
+++ b/packages/components/modules/navigations/web/__shared__/NavSectionVertical/Group/NavList/NavItem/index.tsx
@@ -39,13 +39,13 @@ const NavItem = forwardRef<HTMLDivElement, NavItemProps>(
         {...props}
       >
         {!subItem && icon && (
-          <Box component="span" className="icon">
+          <Box component="span" className="icon" sx={{ lineHeight: 1 }}>
             {icon}
           </Box>
         )}
 
         {subItem && icon ? (
-          <Box component="span" className="icon">
+          <Box component="span" className="icon" sx={{ lineHeight: 1 }}>
             {icon}
           </Box>
         ) : (
diff --git a/packages/components/package.json b/packages/components/package.json
index 5ff9342d..a79daa0d 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@baseapp-frontend/components",
   "description": "BaseApp components modules such as comments, notifications, messages, and more.",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "sideEffects": false,
   "scripts": {
     "babel:transpile": "babel modules -d tmp-babel --extensions .ts,.tsx --ignore '**/__tests__/**','**/__storybook__/**'",