[BUG] :: Country Names Invisible in Dropdown During Phone Number Verification

<img width="1921" height="1192" alt="Image" src="https://github.com/user-attachments/assets/192b9649-0618-4120-bade-d357bffd900c" />

🐞 Bug Report: Country Names Invisible in Dropdown During Phone Number Verification

Environment

• Platform: Claude Web (https://claude.ai/onboarding)
• Operating System: Linux (Ubuntu 24.x)
• Browser: Google Chrome (latest)
• System Theme: Dark Mode

Bug Description

When selecting a country for phone number verification, the country names in the dropdown are not visible due to incorrect CSS styling. It looks like the text color blends with the background, making the list unreadable.

Steps to Reproduce

1. Go to [Claude onboarding page](https://claude.ai/onboarding).
2. Enter the phone number verification flow.
3. Open the country selector dropdown.
4. Notice that the country names are invisible (blending into the dropdown background).

Expected Behavior

• Country names should be clearly visible with proper contrast in both light mode and dark mode.
• Dropdown should be readable and scrollable without overlapping content.

Actual Behavior

• Country names are not visible / appear blank in the dropdown.
• Users cannot easily find and select their country.

Screenshot

(Attached as reference)

Additional Context

• Issue seen in Linux 24 + Chrome (Dark Mode).
• Likely caused by CSS color conflict (e.g., color: white applied inside dropdown with a white background).
• Fix could involve setting proper contrast colors or adapting styles based on system theme.

---