<?xml version="1.0" encoding="utf-8"?>

Center labels and icons inside a button

Center labels and icons inside a button Bad Practice
Center labels and icons inside a button Best Practice

A well-balanced button is more than just a pretty element; it helps users navigate with ease. To achieve this, always center your button content both vertically and horizontally. When using icons, avoid baseline alignment with the text label; it can throw off the symmetry. Instead, place icons inside their own containers for a more polished look. This approach ensures your buttons are not only visually appealing but also legible and user-friendly, making the user experience smoother overall.

Improve your UX & Product skills with interactive courses that actually work