[BUG] - Confirmation button label overflows in loading state

[jcabannes]

Description

There is a styling issue with the confirmation button in the ButtonsCard.vue component of catalog-ui.

When the button enters the loading state, its label is replaced by a longer text.
However, the button width remains fixed based on the default label size.

As a result, when the loading label is longer than the default one, the text overflows outside the button, breaking the layout.

---

Problem

• Button width is calculated based on the default label.
• When switching to the loading state:
  • The label becomes longer.
  • The button does not resize accordingly.
• This causes:
  • Text overflow
  • Broken visual appearance
  • Inconsistent UI behavior

---

Affected Component

• ButtonsCard.vue
• Confirmation button (primary action)

---

Expected Behavior

• The button should properly handle label changes between:
  • Default state
  • Loading state
• The width should:
  • Adapt dynamically to the largest label
    or
  • Remain visually stable without text overflow.
• No label should ever overflow outside the button.

---

Acceptance Criteria

• The confirmation button layout remains correct when switching to loading state.
• Long loading labels are fully visible.
• No UI breaking or text overflow occurs.
• The fix works consistently across different label lengths.