# LoanWizardShell

## 2026-07-14 — Fix tab navigation overflow on mobile

**Prompted by:** Hellen Tran (mobile viewport check of the Loan App entry flow)

### What changed
- Section tab row (`About You | Connections | Income | ...`) now scrolls horizontally (`overflow-x-auto` on the wrapper, `w-max` + `shrink-0 whitespace-nowrap` on the tabs) instead of overflowing silently.

### Why
- At 375px width the 8 tabs total ~616px — with no overflow handling the tabs beyond "Expenses" rendered off-screen with no way to reach them at all (not even native scroll), making Assets/Debts/The Loan/Supporting Documents completely inaccessible on mobile.

### Affected tokens / files
- `packages/shadcn/src/components/ui/loan-wizard-shell.tsx`