---
title: "Press scale below 0.95 (ui/press-scale)"
description: "Larger press shrinks look cartoonish rather than responsive."
url: http://localhost:4173/rules/ui/press-scale
updated: 2026-11-11
---

# Press scale below 0.95

> `ui/press-scale` is a vetd rule. It flags: Press scale below 0.95. It runs on every `check`, together with the TypeScript check.

| Fact | Value |
| --- | --- |
| Rule id | `ui/press-scale` |
| Severity | warning |
| Group | Interface craft: accessibility, motion and mobile |
| Tags | performance |

## Why it matters

Larger press shrinks look cartoonish rather than responsive.

## How to fix it

Use active:scale-[0.97] (or whileTap={{ scale: 0.97 }}).

## Credit

Based on work by:

- [Emil Kowalski](https://emilkowal.ski): Recommends a subtle press scale of 0.97 to 0.98 on :active with a short transition.

## References

- [7 Practical Animation Tips](https://emilkowal.ski/ui/7-practical-animation-tips), Emil Kowalski

## See it

Demos in the vetd Lab:

- [Buttons scale on press](http://localhost:4173/lab/emil/button-press)

## Related rules

- [`ui/transition-all`](http://localhost:4173/rules/ui/transition-all.md)

## Get this text from vetd

MCP: call `explain` with `{ "diagnosticId": "ui/press-scale" }`. CLI: `npx vetd explain ui/press-scale`.

---

[All 92 rules](http://localhost:4173/rules.md) · Previous: [`ui/transition-all`](http://localhost:4173/rules/ui/transition-all.md) · Next: [`ui/hover-font-weight`](http://localhost:4173/rules/ui/hover-font-weight.md)