[Bug]: Selected and hovered dropdown rows look identical when adjacent#19208

opened27d agobyAAditya24Sharma

Before submitting

  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.

Area

apps/web

Steps to reproduce

  1. Open a thread and open the diff panel.
  2. In the scope dropdown, select "Latest turn".
  3. Open the dropdown again and hover "Uncommitted", the row directly above.

Expected behavior

The selected row and the hovered row are distinguishable. The sidebar thread list stays readable in the same situation because it leaves a small gap between rows.

Actual behavior

The two rows get nearly identical backgrounds that touch with no gap, so they read as one tall highlight. The selected row has no other marker (such as a checkmark), so while hovering you can't tell which option is active.

The styling comes from the shared menu component (apps/web/src/components/ui/menu.tsx), so other dropdowns with a selected item likely behave the same way.

Possible fixes, for maintainers to choose: a gap between rows, a checkmark on the selected row, or a more distinct selected-row color.

Impact

Cosmetic issue

Version or commit

0.0.46-nightly.20261013.3066

Environment

macOS desktop app, Apple M5, dark theme

Screenshots, recordings, or supporting files