A button should span the full available width rather than sizing to its own text.
⚡ Quick Fix (TL;DR)
The Culprit: A button defaults to only as wide as its own label and padding require.
The Fix: Make the button take up the full width of its container.
.my-button {
width: 100%;
}Rather not untangle this yourself? Our Done-For-You team handles exactly this kind of thing, start to finish.
See DFY options →
Was this helpful?
Thanks for the feedback!