feat(ui): increase button and input height for larger touch targets

[prestonwebdev]

Description

Users reported that buttons and inputs look too small, especially on mobile. Both controls derive their height from vertical padding (no fixed height), so this bumps the default button size (sm) and the input base padding from $1x5 (6px) to a new $1x75 (7px) spacing token, and to $2 (8px) on mobile (≤480px) via the existing mqu.sm breakpoint — making controls a touch taller on desktop and a comfortable tap target on mobile. The $1x75 token is added to the spacing scale alongside the existing granular tokens ($0x25, $3x25, $8x75).

Social provider buttons are matched to the new height, and the icon-only buttons' provider glyph scales from 16px (desktop) to 20px (mobile) to stay proportional. The input maxHeight moves from $9 (36px) to $10 (40px) so the taller control keeps headroom. The compact xs/md button variants and checkboxes/radios are intentionally left unchanged. This is an additive, backwards-compatible change.

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• other: UI sizing tweak

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Jul 1, 2026 5:18pm
swingset	Ready	Preview, Comment	Jul 1, 2026 5:18pm

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository YAML (base), Repository UI (inherited)

Review profile: CHILL

Plan: Pro Plus

Run ID: 6122e8a3-0942-4382-bfa4-a1cc8d6b46eb

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

_{Comment @coderabbitai help to get the list of available commands.}

[changeset-bot]

🦋 Changeset detected

Latest commit: 7683025

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@clerk/ui	Patch
@clerk/chrome-extension	Patch
@clerk/swingset	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pkg-pr-new]

Open in StackBlitz

@clerk/astro

npm i https://pkg.pr.new/@clerk/astro@9063

@clerk/backend

npm i https://pkg.pr.new/@clerk/backend@9063

@clerk/chrome-extension

npm i https://pkg.pr.new/@clerk/chrome-extension@9063

@clerk/clerk-js

npm i https://pkg.pr.new/@clerk/clerk-js@9063

@clerk/electron

npm i https://pkg.pr.new/@clerk/electron@9063

@clerk/electron-passkeys

npm i https://pkg.pr.new/@clerk/electron-passkeys@9063

@clerk/eslint-plugin

npm i https://pkg.pr.new/@clerk/eslint-plugin@9063

@clerk/expo

npm i https://pkg.pr.new/@clerk/expo@9063

@clerk/expo-passkeys

npm i https://pkg.pr.new/@clerk/expo-passkeys@9063

@clerk/express

npm i https://pkg.pr.new/@clerk/express@9063

@clerk/fastify

npm i https://pkg.pr.new/@clerk/fastify@9063

@clerk/hono

npm i https://pkg.pr.new/@clerk/hono@9063

@clerk/localizations

npm i https://pkg.pr.new/@clerk/localizations@9063

@clerk/nextjs

npm i https://pkg.pr.new/@clerk/nextjs@9063

@clerk/nuxt

npm i https://pkg.pr.new/@clerk/nuxt@9063

@clerk/react

npm i https://pkg.pr.new/@clerk/react@9063

@clerk/react-router

npm i https://pkg.pr.new/@clerk/react-router@9063

@clerk/shared

npm i https://pkg.pr.new/@clerk/shared@9063

@clerk/tanstack-react-start

npm i https://pkg.pr.new/@clerk/tanstack-react-start@9063

@clerk/testing

npm i https://pkg.pr.new/@clerk/testing@9063

@clerk/ui

npm i https://pkg.pr.new/@clerk/ui@9063

@clerk/upgrade

npm i https://pkg.pr.new/@clerk/upgrade@9063

@clerk/vue

npm i https://pkg.pr.new/@clerk/vue@9063

commit: 7683025