Align-end Action menu with long item label or description is misaligned

[bsatarnejad]

Steps to reproduce

1. Go to the specification of the Action menu component and select Align end: https://primer-lookbook.github.com/view-components/lookbook/inspect/primer/alpha/action_menu/align_end
2. Add a long label or description for an item

Current Behavior

As you see below, the action list is misaligned with button

Expected Behavior

The long text can be wrapped or truncated, and the action list should be aligned to the button. For example:

[github-actions]

Uh oh! @bsatarnejad, the image you shared is missing helpful alt text. Check your issue body.

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.

[lesliecdubs]

Hi @bsatarnejad! Have you tried adding a size onto the ActionMenu to help control for this? We think "small" might help with this case. Let us know if that doesn't work.

[bsatarnejad]

Hi @lesliecdubs
thanks a lot for your quick response.

I tested your solution, and it works. 👍