UButton icon breaks button position

[dshulzhenko]

Environment

• Operating System: Linux
• Node Version: v20.5.1
• Nuxt Version: 3.14.1592
• CLI Version: 3.15.0
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected]
• Build Modules: -

Version

2.19.2

Reproduction

• create blank nuxt project with nuxt-ui module
• add to page some buttons

<div>
      <UButton icon="i-heroicons:plus-20-solid">Add</UButton>
      <UButton icon="ic:baseline-minus">Remove</UButton>
      <UButton>Clear</UButton>
</div>

Description

Buttons with icons (no matter icon set) jumping up raltive to clean text button

Additional context

No response

Logs

[EvertonWingert]

This issue only occurs when the icon is positioned on the leading (left) side of the button.

[dshulzhenko]

Some new details: jumping appear on pure, no styled div. Have to add "flex" to solve problem