From 9f433fbb02b96da239da36392785525b09f6b792 Mon Sep 17 00:00:00 2001
From: bosiraphael <raphael.bosi@gmail.com>
Date: Thu, 31 Oct 2024 17:15:11 +0100
Subject: [PATCH] Fix StyledContainerActionMenuDropdown style

---
 .../RecordIndexActionMenuDropdown.tsx         | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenuDropdown.tsx b/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenuDropdown.tsx
index 5a431d2af..0bd0ba293 100644
--- a/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenuDropdown.tsx
+++ b/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenuDropdown.tsx
@@ -8,6 +8,7 @@ import { ActionMenuComponentInstanceContext } from '@/action-menu/states/context
 import { recordIndexActionMenuDropdownPositionComponentState } from '@/action-menu/states/recordIndexActionMenuDropdownPositionComponentState';
 import { ActionMenuDropdownHotkeyScope } from '@/action-menu/types/ActionMenuDropdownHotKeyScope';
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
+import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu';
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
 import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
 import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow';
@@ -75,17 +76,19 @@ export const RecordIndexActionMenuDropdown = () => {
         data-select-disable
         dropdownMenuWidth={width}
         dropdownComponents={
-          <DropdownMenuItemsContainer>
-            {actionMenuEntries.map((item, index) => (
-              <MenuItem
-                key={index}
-                LeftIcon={item.Icon}
-                onClick={item.onClick}
-                accent={item.accent}
-                text={item.label}
-              />
-            ))}
-          </DropdownMenuItemsContainer>
+          <DropdownMenu>
+            <DropdownMenuItemsContainer>
+              {actionMenuEntries.map((item, index) => (
+                <MenuItem
+                  key={index}
+                  LeftIcon={item.Icon}
+                  onClick={item.onClick}
+                  accent={item.accent}
+                  text={item.label}
+                />
+              ))}
+            </DropdownMenuItemsContainer>
+          </DropdownMenu>
         }
       />
     </StyledContainerActionMenuDropdown>