From deb5ac0578d20a760396bc278369e6a06f2e2de2 Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Fri, 8 Mar 2024 17:36:28 +0530
Subject: [PATCH] [WEB-665] fix Padding in the project dropdown. (#3905)

---
 web/components/project/sidebar-list.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/components/project/sidebar-list.tsx b/web/components/project/sidebar-list.tsx
index 2cee91e6b..5744ee331 100644
--- a/web/components/project/sidebar-list.tsx
+++ b/web/components/project/sidebar-list.tsx
@@ -116,9 +116,14 @@ export const ProjectSidebarList: FC = observer(() => {
       )}
       <div
         ref={containerRef}
-        className={cn("h-full space-y-2 overflow-y-auto px-4 vertical-scrollbar scrollbar-md", {
-          "border-t border-custom-sidebar-border-300": isScrolled,
-        })}
+        className={cn(
+          "h-full space-y-2 !overflow-y-scroll pl-4 vertical-scrollbar",
+          isCollapsed ? "scrollbar-sm" : "scrollbar-md",
+          {
+            "border-t border-custom-sidebar-border-300": isScrolled,
+            "pr-1": !isCollapsed,
+          }
+        )}
       >
         <DragDropContext onDragEnd={onDragEnd}>
           <Droppable droppableId="favorite-projects">