A button’s height is only as tall as its text and default padding require, which can look cramped next to more generously spaced elements.
⚡ Quick Fix (TL;DR)
The Culprit: A button's height is only as tall as its text and default padding require, which can look cramped next to more generously spaced elements.
The Fix: Increase the vertical padding to add height without changing the button's width.
.my-button {
padding-top: 14px;
padding-bottom: 14px;
} Was this helpful? Thanks for the feedback!