Skip to content

fix: prevent horizontal scroll on large screens#344

Open
AbhiVarde wants to merge 1 commit intobetter-auth:mainfrom
AbhiVarde:fix/horizontal-scroll-nav-aware-content
Open

fix: prevent horizontal scroll on large screens#344
AbhiVarde wants to merge 1 commit intobetter-auth:mainfrom
AbhiVarde:fix/horizontal-scroll-nav-aware-content

Conversation

@AbhiVarde
Copy link
Copy Markdown
Contributor

Fixes #342

lg:overflow-auto is an overflow shorthand that resets both axes on large screens, overriding overflow-x-hidden and causing the horizontal scrollbar.

Changed to overflow-x-hidden! so it holds regardless of the shorthand.

File: apps/web/src/components/layout/nav-aware-content.tsx

- "flex flex-col lg:overflow-auto overflow-x-hidden transition-[margin-top,height] duration-200 ease-out"
+ "flex flex-col lg:overflow-auto overflow-x-hidden! transition-[margin-top,height] duration-200 ease-out"
Recording.2026-04-12.103253.mp4

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 12, 2026

@AbhiVarde is attempting to deploy a commit to the better-auth Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug: Horizontal scroll

1 participant