From 0ff8470882a9f9a23184e57a761287bcc76f13d3 Mon Sep 17 00:00:00 2001
From: Xavier Abad <77491413+xabg2@users.noreply.github.com>
Date: Tue, 23 Jun 2026 16:28:55 +0200
Subject: [PATCH] fix(styles): notifications for sidenav

---
 package.json                                      |  2 +-
 src/components/navigation/sidenav/SidenavItem.tsx | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index d56fe73..3633807 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@internxt/ui",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Library of Internxt components",
   "repository": {
     "type": "git",
diff --git a/src/components/navigation/sidenav/SidenavItem.tsx b/src/components/navigation/sidenav/SidenavItem.tsx
index 356882c..b795e73 100644
--- a/src/components/navigation/sidenav/SidenavItem.tsx
+++ b/src/components/navigation/sidenav/SidenavItem.tsx
@@ -30,7 +30,7 @@ const SidenavItem = ({
       } ${subsection ? 'pl-5' : ''}`}
       title={isCollapsed ? label : undefined}
     >
-      <div className="flex flex-row px-2.5 py-2 w-full items-center justify-between min-h-[36px]">
+      <div className="flex flex-row px-2.5 py-2 w-full items-center justify-between h-9">
         <div className={`flex flex-row gap-3 items-center ${isActive ? 'text-primary' : 'text-gray-80'}`}>
           <Icon size={20} weight={isActive ? 'fill' : 'regular'} className="flex-shrink-0" />
           <p
@@ -39,11 +39,14 @@ const SidenavItem = ({
             {label}
           </p>
         </div>
-        <div
-          className={`flex rounded-full px-2 py-1 transition-all duration-300 ${isActive ? 'text-white bg-primary' : 'bg-gray-10 text-gray-60'} ${isCollapsed || !notifications ? 'opacity-0 invisible delay-300' : 'opacity-100 delay-0'}`}
-        >
-          {notifications && <p className="text-xs font-medium">{notifications}</p>}
-        </div>
+
+        {!!notifications && (
+          <div
+            className={`flex rounded-full px-2 py-1 ${isActive ? 'text-white bg-primary' : 'bg-gray-10 text-gray-60'} ${isCollapsed ? 'opacity-0 invisible delay-300' : 'opacity-100 delay-0'}`}
+          >
+            {<p className="text-xs font-medium">{notifications}</p>}
+          </div>
+        )}
       </div>
     </button>
   );