# SelectableCard

## 2026-07-14 — Add hover background, not just hover border

**Prompted by:** Hellen Tran (design review of the Loan App entry flow)

### What changed
- Hover state now adds `bg-primary/5` alongside the existing border-color change (was `hover:border-primary/50` only, no background feedback).
- Border hover changed from `border-primary/50` to full `border-primary` to match the pairing used elsewhere (e.g. `chat-widget.tsx` topic cards).

### Why
- Border-only hover was too subtle — cards read as static/non-interactive on hover, inconsistent with the rest of the design system where clickable cards pair a hover border with a light tinted background.

### Affected tokens / files
- `packages/shadcn/src/components/ui/selectable-card.tsx`