From c1e84a746c53dff4e0e013d05e70c6258510e38c Mon Sep 17 00:00:00 2001
From: martmull <martmull@hotmail.fr>
Date: Mon, 27 Jan 2025 13:29:04 +0100
Subject: [PATCH] Fix design for select action (#9857)

as title
fixes
https://discord.com/channels/1130383047699738754/1330945172489371771
---
 .../components/RightDrawerWorkflowSelectActionContent.tsx   | 6 +++---
 .../src/navigation/menu-item/components/MenuItemCommand.tsx | 4 +---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/RightDrawerWorkflowSelectActionContent.tsx b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/RightDrawerWorkflowSelectActionContent.tsx
index c2a39a5b3..c21e1b0e4 100644
--- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/RightDrawerWorkflowSelectActionContent.tsx
+++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/RightDrawerWorkflowSelectActionContent.tsx
@@ -3,7 +3,7 @@ import { useCreateStep } from '@/workflow/workflow-steps/hooks/useCreateStep';
 import { OTHER_ACTIONS } from '@/workflow/workflow-steps/workflow-actions/constants/OtherActions';
 import { RECORD_ACTIONS } from '@/workflow/workflow-steps/workflow-actions/constants/RecordActions';
 import styled from '@emotion/styled';
-import { MenuItem, useIcons } from 'twenty-ui';
+import { MenuItemCommand, useIcons } from 'twenty-ui';
 
 const StyledActionListContainer = styled.div`
   display: flex;
@@ -39,7 +39,7 @@ export const RightDrawerWorkflowSelectActionContent = ({
     <StyledActionListContainer>
       <StyledSectionTitle>Records</StyledSectionTitle>
       {RECORD_ACTIONS.map((action) => (
-        <MenuItem
+        <MenuItemCommand
           key={action.type}
           LeftIcon={getIcon(action.icon)}
           text={action.label}
@@ -48,7 +48,7 @@ export const RightDrawerWorkflowSelectActionContent = ({
       ))}
       <StyledSectionTitle>Other</StyledSectionTitle>
       {OTHER_ACTIONS.map((action) => (
-        <MenuItem
+        <MenuItemCommand
           key={action.type}
           LeftIcon={getIcon(action.icon)}
           text={action.label}
diff --git a/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx b/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
index 6f38ab56f..895f68263 100644
--- a/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
+++ b/packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
@@ -32,9 +32,7 @@ const StyledMenuItemCommandContainer = styled.div<{ isSelected?: boolean }>`
   --vertical-padding: ${({ theme }) => theme.spacing(2)};
   align-items: center;
   background: ${({ isSelected, theme }) =>
-    isSelected
-      ? theme.background.transparent.light
-      : theme.background.secondary};
+    isSelected ? theme.background.transparent.light : 'transparent'};
   border-radius: ${({ theme }) => theme.border.radius.sm};
   color: ${({ theme }) => theme.font.color.secondary};
   cursor: pointer;