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: pnpm@9.14.2
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/ui@2.19.2
• 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