Layout & accessibility

When the entire card becomes underlined on hover

By Benchmark Enterprise Systems, LLC · Published

Reviewed by Ryan Schober · 2026-10-09

Approved by Ryan SchoberEditorial review · 2026-10-09

Ask an Expert →

The direct answer

A large link wrapper can apply decoration to every child. That makes headings, descriptions and pricing appear like one oversized underlined phrase.

Start with the evidence

Hover different areas of the card and inspect keyboard-focus styling too. Determine whether the full card or a specific action is intended to be interactive.

Make the change deliberately

Scope decoration to the intended text while keeping the link's clickable area and focus visible. Do not remove all interaction feedback to hide the symptom.

Further reading

Platform guidance can change. Consult the current official documentation before making platform-specific changes.

Benchmark Local Boost

Have a question about this?

Ask Benchmark about your situation. Your inquiry will include this article's topic, and any paid work starts with an agreed scope.

Ask an Expert