From abf23283961187b0ead87bccd03566559833a375 Mon Sep 17 00:00:00 2001
From: hkonsti <45428767+hkonsti@users.noreply.github.com>
Date: Wed, 11 Nov 2026 17:12:54 +0000
Subject: [PATCH] leave a small gap between sidebar buttons so selected and
 hovered ones don't touch

---
 packages/ui/src/components/sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/sidebar.tsx b/packages/ui/src/components/sidebar.tsx
index aacc4c49..08219aa2 100644
--- a/packages/ui/src/components/sidebar.tsx
+++ b/packages/ui/src/components/sidebar.tsx
@@ -284,7 +284,7 @@ function SidebarMenu({className, ...props}: React.ComponentProps<'ul'>) {
 		<ul
 			data-slot="sidebar-menu"
 			data-sidebar="menu"
-			className={cn('flex w-full min-w-0 flex-col gap-0', className)}
+			className={cn('flex w-full min-w-0 flex-col gap-0.5', className)}
 			{...props}
 		/>
 	);