opened
andrewnottaviano
username_0
# Bug Report

## Description
<!-- A clear and concise description of what the bug is. -->
<!-- Providing a link to a live example / minimal demo of the problem greatly helps us debug issues. -->
We switched to using the terra-menu component in our project and I noticed that when I use `contentWidth="auto"`, there is no right padding. The text is crammed against the right side of the popup (see screenshot). Note, we are not using selection in our menu; on selection, we close the menu.
## Steps to Reproduce
<!-- Please specify the exact steps you took for this bug to occur. -->
<!-- Provide as much detail as possible so we're able to reproduce these steps. -->
1. Render a menu with a few options (it is easier to see if you have one of them longer than the other menu items)
2. Set the `contentWidth` prop to `auto`
3. Observe the popup is not sized properly to give the content room to breathe

## Additional Context / Screenshots
<!-- Add any other context about the problem here. If applicable, add screenshots to help explain. -->
![Screen Shot 2020-09-09 at 10 26 46](https://user-images.githubusercontent.com/45438975/92619937-b76b7100-f287-11ea-9b58-e814181da033.png)

## Expected Behavior
<!-- A clear and concise description of what you expected to happen. -->
I would expect there to be a small amount of padding or margin to the right of the text.
## Possible Solution
<!--- If you have suggestions to fix the bug, let us know -->
Add some scss.
## Environment
<!-- Include as many relevant details about the environment you experienced the bug in -->
* Component Name and Version: terra-menu - 6.40.0
* Browser Name and Version: Chrome - 85.0.4183.83
* Node/npm Version: Node 12/npm 6.13.4
* Webpack Version: 
* Operating System and version (desktop or mobile): mac OSX desktop

## @ Mentions
<!-- @ Mention anyone on the terra team that you have been working with so far. -->
@dkasper-was-taken
terra-menu Right Padding Non-existent
issue
closed
neilpfeiffer
username_1
issue