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.
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
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.
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