Skip to content

Label of Modal Buttons breaking alignment when text length is long #2081

@riccoutinho

Description

@riccoutinho

Problem

When we pass a long label on the Footer buttons, the alignment of the text breaks.
It happens in both components: ConfirmationModal and Modal (this last one you have to set the size="small" to replicate)

With the Modal component we can customize each button, so we can change the properties to fix the behavior.
With the ConfirmationModal is not possible since we can't access the inner components.

Image

Expected behavior

Button size adapting to the label length.

Reproducible Example

https://codesandbox.io/p/devbox/runtime-haze-c2ry7h

Suggested solution

No response

Additional context

No response

Package

No response

Packages version

No response

Browser

No response

Package Manager

yarn

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingdesignIndicates that the issue or pull request involves design considerationsdevIndicates that the issue or pull request involves engineering considerations

    Type

    No type

    Projects

    Status

    Discussing

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions