Incorrect Icon Width on Menu Items

[Bonapara]

Current behavior

The icon width on menu items with an icon on their right edge* is wrongly fixed to 12.5px, even if 14px is specified in their width

*MenuItem Navigate
*MenuItem Select
*MenuItem Select Avatar
*MenuItem Select Color

Desired Behavior

1. Their size should be 16px by 16px (not 14px by 14px).
2. The browser should consider this specified width (and not set 12.5px for unknown reasons)

[greptile-apps]

Disclaimer: This comment was automatically generated with AI. It can give some useful hints as to where to look for, but sometimes it can also give very inaccurate answers so takes this with a pinch of salt :).

To fix the icon width issue on menu items, follow these steps:

1. MenuItemNavigate.tsx: Update the IconChevronRight size to 16px.

<IconChevronRight size={16} />

2. MenuItemSelect.tsx: Update the IconCheck size to 16px.

{selected && <IconCheck size={16} />}

3. MenuItemSelectAvatar.tsx: Update the IconCheck size to 16px.

{selected && <IconCheck size={16} />}

4. MenuItemSelectColor.tsx: Update the IconCheck size to 16px.

{selected && <IconCheck size={16} />}

Ensure these changes are applied to the respective files to achieve the desired icon size.

References

/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemNavigate.tsx
/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelect.tsx
/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectAvatar.tsx
/packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemSelectColor.tsx
/packages/twenty-front/src/modules/ui/navigation/menu-item/internals

Ask Greptile

[Sudarsh1010]

I would like to take this issue

[Bonapara]

Sure @Sudarsh1010, thanks for contributing!