From 842c6e6905fea55642eaa31d6bb7808c6c060b01 Mon Sep 17 00:00:00 2001
From: Charles Bochet <charlesBochet@users.noreply.github.com>
Date: Mon, 20 Oct 2025 11:08:32 +0200
Subject: [PATCH] Fix dropdowns scroll display (#15199)

I'm applying the scrollbar styling to dropdowns
---
 .../dropdown/components/DropdownMenuItemsContainer.tsx      | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx
index d86b58029d..7181312f5b 100644
--- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuItemsContainer.tsx
@@ -28,6 +28,12 @@ const StyledScrollableContainer = styled.div<{ maxHeight?: number }>`
   width: 100%;
 
   overflow-y: auto;
+  scrollbar-color: ${({ theme }) => theme.border.color.medium} transparent;
+  scrollbar-width: 4px;
+
+  *::-webkit-scrollbar-thumb {
+    border-radius: ${({ theme }) => theme.border.radius.sm};
+  }
 `;
 
 const StyledInternalContainer = styled.div`