diff --git a/front/src/modules/ui/icon/types/IconComponent.ts b/front/src/modules/ui/icon/types/IconComponent.ts
index edcc48f5d..47e141f48 100644
--- a/front/src/modules/ui/icon/types/IconComponent.ts
+++ b/front/src/modules/ui/icon/types/IconComponent.ts
@@ -1,3 +1,6 @@
 import { FunctionComponent } from 'react';
 
-export type IconComponent = FunctionComponent<{ size?: number }>;
+export type IconComponent = FunctionComponent<{
+  size?: number;
+  stroke?: number;
+}>;
diff --git a/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx b/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx
index b0462c582..d3f21d194 100644
--- a/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx
+++ b/front/src/modules/ui/menu-item/internals/components/MenuItemLeftContent.tsx
@@ -18,7 +18,9 @@ export function MenuItemLeftContent({ LeftIcon, text }: OwnProps) {
 
   return (
     <StyledMenuItemLeftContent>
-      {LeftIcon && <LeftIcon size={theme.icon.size.md} />}
+      {LeftIcon && (
+        <LeftIcon size={theme.icon.size.md} stroke={theme.icon.stroke.sm} />
+      )}
       <StyledMenuItemLabel hasLeftIcon={!!LeftIcon}>
         <OverflowingTextWithTooltip text={text} />
       </StyledMenuItemLabel>