From 91ef732eebdad54ff2bbe3ab972150350220132c Mon Sep 17 00:00:00 2001
From: Maaz Khokhar <khokharmaaz@gmail.com>
Date: Fri, 26 Jun 2026 18:23:14 -0500
Subject: [PATCH] hovering on sidebar looks nice now

---
 components/app-sidebar.tsx | 30 +-----------------------------
 components/nav-main.tsx    |  2 +-
 components/ui/sidebar.tsx  |  2 +-
 3 files changed, 3 insertions(+), 31 deletions(-)

diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index 89cf206..6f5358f 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -3,43 +3,15 @@
 import * as React from "react";
 
 import { NavMain } from "@/components/nav-main";
-import { NavProjects } from "@/components/nav-projects";
-import { NavUser } from "@/components/nav-user";
-import { TeamSwitcher } from "@/components/team-switcher";
+import { Sidebar, SidebarContent, SidebarRail } from "@/components/ui/sidebar";
 import {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarHeader,
-  SidebarRail,
-} from "@/components/ui/sidebar";
-import {
-  GalleryVerticalEndIcon,
-  AudioLinesIcon,
   TerminalIcon,
   TerminalSquareIcon,
-  BotIcon,
   BookOpenIcon,
-  Settings2Icon,
-  FrameIcon,
   PieChartIcon,
-  MapIcon,
 } from "lucide-react";
 import { usePathname } from "next/navigation";
 
-/*
-(property) items: {
-    title: string;
-    url: string;
-    icon?: React.ReactNode;
-    isActive?: boolean;
-    items?: {
-        title: string;
-        url: string;
-    }[];
-}[]
-*/
-
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
   const checkActive = (url: string) => {
     // /dashboard
diff --git a/components/nav-main.tsx b/components/nav-main.tsx
index 9a4bc13..080d731 100644
--- a/components/nav-main.tsx
+++ b/components/nav-main.tsx
@@ -30,7 +30,7 @@ export function NavMain({
         {items.map((item) => (
           <SidebarMenuItem
             key={item.title}
-            className="hover:bg-gray-900 rounded-4xl"
+            className="hover:bg-back hover:border-0"
           >
             <SidebarMenuButton tooltip={item.title}>
               {item.icon}
diff --git a/components/ui/sidebar.tsx b/components/ui/sidebar.tsx
index 247a7da..51f1e03 100644
--- a/components/ui/sidebar.tsx
+++ b/components/ui/sidebar.tsx
@@ -462,7 +462,7 @@ function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
     <li
       data-slot="sidebar-menu-item"
       data-sidebar="menu-item"
-      className={cn("group/menu-item relative", className)}
+      className={cn("group/menu-item relative rounded-4xl", className)}
       {...props}
     />
   );