# A cut-off dropdown arrow that turned out to hide the whole profile menu

A cosmetic-sounding bug traced to a topbar overflow that hid Profile, Theme, and Sign out on a phone. Fixed for $20.87.

Source: https://codeherder.com/examples/mobile-usermenu-cutoff/

Examples · Bug fix

Fixed the mobile topbar overflow, which also restored the only path to Profile, Theme, and Sign out on a phone.

[Request access →](https://codeherder.com/get-started/#request-access)

Measured from this task's real merge.

On a narrow screen, the account menu's dropdown arrow was clipped by the topbar. Reported as a small visual glitch, it turned out the same overflow ate the whole menu trigger: a phone had no way to reach Profile, Theme, or Sign out at all.

What was asked for

> Drop down arrow cut off on mobile. There is now also no way to get to your profile on mobile.

Filed from the web app, no CLI or git required (react, css).

What the herd did

1. plan
2. code
3. review
4. merge
5. verify
6. done

What it changed

The merge touched 10 files (+311 −52). Among them:

- `app/src/components/UserMenu.tsx`
- `app/src/components/IdentityActions.tsx`
- `app/src/router/AppShell.tsx`
- `app/scripts/check-topbar-fit.mjs`

What it cost

$20.87 in model spend, 345 agent turns, and 4h 53m from filed to merged. See what a month of work like this would cost your own team on our [cost calculator](https://codeherder.com/calculator).

What reads as a one-pixel cosmetic bug can be the only door to a whole menu.