-
-
Notifications
You must be signed in to change notification settings - Fork 437
[BUG] Mobile layout: dashboard widgets overlap on screens narrower than 375px #975
Copy link
Copy link
Closed
Labels
bugSomething isn't workingSomething isn't workinggssoc26GSSoC 2026 contributionGSSoC 2026 contributiongssoc:assignedGSSoC: Issue assigned to a contributorGSSoC: Issue assigned to a contributorhelp wantedExtra attention is neededExtra attention is neededlevel:beginnerGSSoC: Beginner difficulty (20 pts)GSSoC: Beginner difficulty (20 pts)type:bugGSSoC type bonus: bug fixGSSoC type bonus: bug fix
Milestone
Description
Activity
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't workinggssoc26GSSoC 2026 contributionGSSoC 2026 contributiongssoc:assignedGSSoC: Issue assigned to a contributorGSSoC: Issue assigned to a contributorhelp wantedExtra attention is neededExtra attention is neededlevel:beginnerGSSoC: Beginner difficulty (20 pts)GSSoC: Beginner difficulty (20 pts)type:bugGSSoC type bonus: bug fixGSSoC type bonus: bug fix
Describe the Bug
On very small screens (< 375px wide, e.g. iPhone SE first gen), some dashboard widgets overflow their containers and overlap adjacent content. The Tailwind
sm:breakpoint starts at 640px, leaving a gap for tiny screens.Steps to Reproduce
Expected Behavior
All dashboard widgets should be fully responsive down to 320px viewport width with no overflow or overlap.
Screenshots / Logs
Reproduce with Chrome DevTools → Responsive → 320px width.
Environment
Additional Context
Key areas to check: the stats number display in metric cards (large font sizes can overflow), the heatmap horizontal scroll behavior, and the account switcher dropdown.