From 50be97422dadb64a04c5323ce3458fa49b5de1fb Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Thu, 26 Feb 2026 00:25:08 +0530
Subject: [PATCH] Fix dropdown scroll by restoring scroll container nesting
 order (#18239)

---
 .../components/DropdownMenuItemsContainer.tsx    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

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 dc6c12fc10..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
@@ -56,15 +56,15 @@ export const DropdownMenuItemsContainer = ({
   scrollable?: boolean;
 }) => {
   return scrollable === true ? (
-    <StyledExternalContainer role="listbox">
-      <StyledScrollableContainer
-        maxHeight={
-          hasMaxHeight ? DROPDOWN_MENU_ITEMS_CONTAINER_MAX_HEIGHT : undefined
-        }
-      >
+    <StyledScrollableContainer
+      maxHeight={
+        hasMaxHeight ? DROPDOWN_MENU_ITEMS_CONTAINER_MAX_HEIGHT : undefined
+      }
+    >
+      <StyledExternalContainer role="listbox">
         <StyledInternalContainer>{children}</StyledInternalContainer>
-      </StyledScrollableContainer>
-    </StyledExternalContainer>
+      </StyledExternalContainer>
+    </StyledScrollableContainer>
   ) : (
     <StyledExternalContainer role="listbox">
       <StyledInternalContainer>{children}</StyledInternalContainer>