Fix design for select action (#9857)

as title 
fixes
https://discord.com/channels/1130383047699738754/1330945172489371771

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}

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;