blueprint
blueprint copied to clipboard
<Tag> Component text not centered when rendering single characters.
Environment
- Package version(s): 4.3.0
- Operating System: MacOS
- Browser name and version: Chrome 102.0.5005.115
Code Sandbox
Link to a minimal repro: https://codesandbox.io/s/blueprint-sandbox-forked-deqbyf?file=/src/index.tsx
![image](https://user-images.githubusercontent.com/5288805/174668658-01c69271-c2d1-4825-9b21-a5f5c43d1e2b.png)
Steps to reproduce
-
<Tag>
component with single character
Actual behavior
The text isn't quite centered
Expected behavior
I would expect it to be centered, especially since it feels like single numbers is a common use-case for <Tag>.
Possible solution
I think we just need to throw a text-align: center
in addition to the current flexbox setup. Happy to put up the PR, just want to make sure it's not going to mess up any expected patterns with text alignment.
Thanks!