How tall should a button be?
The median measured primary-button height is 40px across 393 live-decoded design systems, and 48% land in the 36–44px band. Horizontal padding sits around 16px. Buttons cluster tightly — the web has quietly standardised on a roughly 40px control.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/measured/button-size.
40px median button height
Distribution
| 36px | 59 | |
| 40px | 58 | |
| 32px | 46 | |
| 44px | 37 | |
| 48px | 36 | |
| 42px | 23 |
At a glance
| median height | 40px |
| in the 36–44px band | 48% |
| median side padding | 16px |
| buttons measured | 393 |
Questions people (and AI assistants) actually ask
What is the standard button height?
The measured median primary-button height is 40px; 48% of buttons fall in the 36–44px band. 40px and 44px are the most common heights.
How much horizontal padding should a button have?
About 16px each side is the measured median — enough to give the label room without the button feeling oversized.
Should buttons be 44px tall for touch targets?
44px is a common accessibility floor for touch, and it sits at the top of the measured 36–44px band (48% of buttons) — a safe, common choice.
Related measured norms
Normal border-radius · 4px vs 8px spacing grid · Body font size