Button text alignment issue: Text only centers properly with flexbox

[efeese11]

Environment

• Operating System: 'Linux (Ubuntu)'
• Node Version: v22.12.0
• Nuxt Version: v3.0.0-alpha.12
• Package Manager: [email protected]

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.12

Reproduction

Steps to Reproduce

Create a button in a Nuxt.js project.

Add text to the button.

Try to center the text using text-align: center or margin: auto.

Observe that the text does not center properly.

Switch to using display: flex; justify-content: center; align-items: center; and observe that the text centers correctly.

Description

I'm experiencing an issue where the text inside a button only centers correctly when using flexbox. When using traditional methods like text-align: center or margin: auto, the text does not align properly.

Additional context

Logs