From 9a5e3583cfb0ce6e9e4891e31fbfde5d483c8b7f Mon Sep 17 00:00:00 2001
From: Debanjum <debanjum@gmail.com>
Date: Mon, 6 Jan 2025 13:41:59 +0700
Subject: [PATCH] Remove bullet styling only from sidebar items on web app

Previous fix had removed bullet styling from all components in web
app. This made chat messages on the web app lose bullet styling too.
---
 src/interface/web/app/globals.css           | 5 -----
 src/interface/web/components/ui/sidebar.tsx | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/interface/web/app/globals.css b/src/interface/web/app/globals.css
index 7b90a98e..8609095f 100644
--- a/src/interface/web/app/globals.css
+++ b/src/interface/web/app/globals.css
@@ -373,11 +373,6 @@
         margin: revert;
     }
 
-    li {
-        list-style: revert;
-        list-style-type: none;
-    }
-
     body {
         @apply bg-background text-foreground;
     }
diff --git a/src/interface/web/components/ui/sidebar.tsx b/src/interface/web/components/ui/sidebar.tsx
index f222f156..1b31c91d 100644
--- a/src/interface/web/components/ui/sidebar.tsx
+++ b/src/interface/web/components/ui/sidebar.tsx
@@ -485,7 +485,7 @@ const SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<"li
         <li
             ref={ref}
             data-sidebar="menu-item"
-            className={cn("group/menu-item relative", className)}
+            className={cn("group/menu-item relative list-none", className)}
             {...props}
         />
     ),