From be5b102522c2652b47bddcba1277ca3687c030dd Mon Sep 17 00:00:00 2001
From: Uncle Fatso <uncle.fatso@ghostchain.io>
Date: Fri, 10 Apr 2026 14:00:14 +0300
Subject: [PATCH] menu item do not collapse on click

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
---
 package.json                          |  2 +-
 src/components/NavItem/NavItem.jsx    | 22 +++++++++++-----------
 src/components/Sidebar/NavContent.jsx |  4 ++--
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 83e07d8..37bdfb5 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.7.12",
+  "version": "0.7.13",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/NavItem/NavItem.jsx b/src/components/NavItem/NavItem.jsx
index b711209..981bf01 100644
--- a/src/components/NavItem/NavItem.jsx
+++ b/src/components/NavItem/NavItem.jsx
@@ -118,19 +118,19 @@ const NavItem = ({
     const match = currentLocation.pathname === to || currentLocation.pathname === `/${to}`;
 
     const linkProps = props.href
-    ? {
-        href: props.href,
-        target: "_blank",
-        className: `external-site-link ${className}`,
-    }
-    : {
-        component: NavLink,
-        to: to,
-        className: `button-dapp-menu ${className}`,
-    };
+        ? {
+            href: props.href,
+            target: "_blank",
+            className: `external-site-link ${className}`,
+        }
+        : {
+            component: NavLink,
+            to: to,
+            className: `button-dapp-menu ${className}`,
+        };
 
     const LinkItem = () => (
-        <Link {...linkProps} {...props} underline="hover">
+        <Link {...linkProps} {...props} underline="hover" onClick={(e) => e.stopPropagation()}>
             <Box
                 sx={{ fontFamily: "Ubuntu" }}
                 display="flex"
diff --git a/src/components/Sidebar/NavContent.jsx b/src/components/Sidebar/NavContent.jsx
index b0c6cae..659c132 100644
--- a/src/components/Sidebar/NavContent.jsx
+++ b/src/components/Sidebar/NavContent.jsx
@@ -136,7 +136,7 @@ const NavContent = ({ chainId, addressChainId }) => {
                                             </AccordionDetails>
                                         }
                                     />
-                                <NavItem icon={StakeIcon} label={`(3, 3) Stake`} to={`/${chainName}/stake`} />
+                                    <NavItem icon={StakeIcon} label={`(3, 3) Stake`} to={`/${chainName}/stake`} />
                                     <NavItem
                                         defaultExpanded
                                         icon={BondIcon}
@@ -180,7 +180,7 @@ const NavContent = ({ chainId, addressChainId }) => {
                                             </AccordionDetails>
                                         }
                                     />
-                                <NavItem icon={ForkRightIcon} label={`${bridgeNumbers} Stake\u00B2`} to={`/${chainName}/bridge`} />
+                                    <NavItem icon={ForkRightIcon} label={`${bridgeNumbers} Stake\u00B2`} to={`/${chainName}/bridge`} />
                                     {isGovernanceAvailable(chainId, addressChainId) && <NavItem icon={GavelIcon} label={`Governance`} to={`/${chainName}/governance`} />}
                                     <Box className="menu-divider">
                                         <Divider />