SettingsPageClient renders <ul className='flex flex-row flex-wrap gap-1 md:flex-col'> for the nav tabs. On mobile this creates a wrapping horizontal list of buttons (Profile, GitHub, Credits, Team, Notifications) that can break onto 2-3 lines depending on viewport width. There's no visible 'active' underline on mobile — only a bg-primary/10 fill which is subtle on small screens.
Category: responsive File: src/components/settings/settings-page-client.tsx Recommendation: On mobile, replace the flex-wrap tab list with a Select dropdown (matching the current active tab) or a scrollable horizontal tab bar with visible active underlines. The shadcn Tabs component would provide this behavior out of the box and is already in the project's UI library. This would eliminate the wrapping problem entirely.