Chip or Tag Remove Button Too Small Inside a Dense Group

2.5.8 — Target Size (Minimum)

Scenario

A car-rental site's checkout flow

Tag/chip remove ("×") targets far under 24 within dense chip groups.

.chip .remove { width: 12px; height: 12px; font-size: 10px; }

A renter trying to remove the child seat add-on chip instead removes GPS, since the tiny × sits right against the next chip.

Measure chip/tag 'remove' (×) targets within a dense chip group: under 24px with insufficient spacing from neighboring chips fails.

Give the whole chip breathing room too, not just the remove icon, since dense chip rows compound the spacing problem.

.chip .remove { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.chip { margin: 4px; }

A renter removes exactly the add-on they meant to and keeps the ones they still want.

People with tremor and limited fine motor control selecting multiple add-ons at checkout.