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;