From 3067101feca9f6cdd78b5c3d396bb95edb020cdb Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 28 Mar 2026 22:53:25 +0100
Subject: [PATCH] fix: tooltip uses content panel bg (neutral-950) + 100ms
 delay

---
 components/dashboard/Sidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/dashboard/Sidebar.tsx b/components/dashboard/Sidebar.tsx
index b420244..f3747f4 100644
--- a/components/dashboard/Sidebar.tsx
+++ b/components/dashboard/Sidebar.tsx
@@ -96,7 +96,7 @@ function SidebarTooltip({ children, label }: { children: React.ReactNode; label:
         setPos({ x: rect.right + 8, y: rect.top + rect.height / 2 })
         setShow(true)
       }
-    }, 400)
+    }, 100)
   }
 
   const handleLeave = () => {
@@ -109,7 +109,7 @@ function SidebarTooltip({ children, label }: { children: React.ReactNode; label:
       {children}
       {show && typeof document !== 'undefined' && createPortal(
         <span
-          className="fixed z-[100] px-2.5 py-1.5 rounded-lg bg-neutral-800 border border-white/[0.08] text-white text-xs font-medium whitespace-nowrap pointer-events-none shadow-lg shadow-black/20 -translate-y-1/2"
+          className="fixed z-[100] px-2.5 py-1.5 rounded-lg bg-neutral-950 border border-neutral-800/60 text-white text-xs font-medium whitespace-nowrap pointer-events-none shadow-lg shadow-black/20 -translate-y-1/2"
           style={{ left: pos.x, top: pos.y }}
         >
           {label}