Tag component doesn't look like a tag when there is only one character

[ashpc]

What package(s) are you using?

• carbon-components 10.9.0
• carbon-components-react 7.9.0

Detailed description

Describe in detail the issue you're having.
We are using Tag component to show the count of roles a user can have and when it's in single-digit the component looks like a ball instead of tag. There should a min width provided to make it look like a tag.

Is this issue related to a specific component?
Tag

What did you expect to happen? What happened instead? What would you like to see changed?
We are using Tag component to show the count of roles a user can have and when it's in single-digit the component looks like a ball instead of tag.

What browser are you working in?
FF
Chrome
Safari

What version of the Carbon Design System are you using?

• carbon-components 10.9.0
• carbon-components-react 7.9.0

What offering/product do you work on? Any pressing ship or release dates we should be aware of?
IBM Cloud

Steps to reproduce the issue

1. Use a single character in a tag component and see the issue

[tw15egan]

@carbon-design-system/design we could add a min-width property to ensure single character tags still maintain a pill shape

[aagonzales]

I did talk to the design team and we do like the pill shape better for a single digital but I think technically if we set a min-width on tag, say 32px, then the text will be off centered, which is not ideal.

[tw15egan]

@aagonzales It seems like we can center the single-digit without it affecting the other variations

https://codesandbox.io/s/codesandbox-x5etc

[aagonzales]

Oh noice! You're a genius TJ.

[tw15egan]

If this is okay, I'll go ahead and make a PR 👍

[aagonzales]

Yup, approved ✅