Hello @mattermod. I would like to work on this issue.

Hello @amyblais. The text and the icon is inside the MenuItem__primary-text class of menu_item_toggle_modal_redux. Which is of inline flex for proper alignment of icon and text. If i have to put text-overflow here i will have to make it display: block or inline-block but it will affect alignment. If i used another to surround the text only by something of div and class to give text-overflow but the text is formed by formatMessage method which is external node_module. What do you suggest i should do.

intl.formatMessage returns a string. <FormatMessage /> component should be fine to wrap. We are looking for the simplest solution, trying to avoid too many extra divs or complicated logic.