Skip to content

fix(www): fix contributors section overflow on mobile in careers page#45923

Merged
fsansalvadore merged 2 commits into
supabase:masterfrom
AbhiVarde:fix/careers-contributors-mobile-overflow
May 15, 2026
Merged

fix(www): fix contributors section overflow on mobile in careers page#45923
fsansalvadore merged 2 commits into
supabase:masterfrom
AbhiVarde:fix/careers-contributors-mobile-overflow

Conversation

@AbhiVarde
Copy link
Copy Markdown
Contributor

@AbhiVarde AbhiVarde commented May 14, 2026

Problem

The contributors section on /careers has a fixed w-[1080px] container with no max-width constraint. On mobile viewports this causes horizontal overflow and breaks the page layout.

Fix

Added max-w-full overflow-hidden to the contributors wrapper so it caps at 1080px on large screens and fits within the viewport on smaller ones.

File changed

apps/www/pages/careers.tsx

Screenshots

Before After

Summary by CodeRabbit

Bug Fixes

  • Fixed overflow in the contributors section to prevent content spilling and ensure background clipping.
  • Improved layout stability so contributor avatars and content render consistently across screen sizes.
  • Resolved visual glitch that could cause unintended scroll or layout shifts within the contributors area.

Review Change Stack

@AbhiVarde AbhiVarde requested a review from a team as a code owner May 14, 2026 09:29
@vercel
Copy link
Copy Markdown

vercel Bot commented May 14, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
design-system Ready Ready Preview, Comment May 15, 2026 2:05pm
docs Ready Ready Preview, Comment, Open in v0 May 15, 2026 2:05pm
studio-self-hosted Ready Ready Preview, Comment May 15, 2026 2:05pm
studio-staging Ready Ready Preview, Comment May 15, 2026 2:05pm
ui-library Ready Ready Preview, Comment May 15, 2026 2:05pm
zone-www-dot-com Ready Ready Preview, Comment, Open in v0 May 15, 2026 2:05pm
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
studio Ignored Ignored May 15, 2026 2:05pm

Request Review

@github-actions
Copy link
Copy Markdown
Contributor

Thanks for contributing to Supabase! ❤️ Our team will review your PR.

A few tips for a smoother review process:

  • If you have a local version of the repo, run pnpm run format to make sure formatting checks pass.
  • Once we've reviewed your PR, please don't trivially merge master (don't click Update branch if there are no merge conflicts to be fixed). This invalidates any pre-merge checks we've run.

@vercel
Copy link
Copy Markdown

vercel Bot commented May 14, 2026

@AbhiVarde is attempting to deploy a commit to the Supabase Team on Vercel.

A member of the Team first needs to authorize it.

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 14, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository UI (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro

Run ID: 4ab06e49-815e-4423-9c87-d80ccf58c988

📥 Commits

Reviewing files that changed from the base of the PR and between 25bfc06 and 995a01a.

📒 Files selected for processing (1)
  • apps/www/pages/careers.tsx
✅ Files skipped from review due to trivial changes (1)
  • apps/www/pages/careers.tsx

📝 Walkthrough

Walkthrough

Adds the Tailwind overflow-hidden class to the contributors section wrapper div on the careers page to clip overflowing child content.

Changes

Careers page contributors layout

Layer / File(s) Summary
Contributors wrapper overflow constraint
apps/www/pages/careers.tsx
The contributors section wrapper div now includes the Tailwind overflow-hidden class to hide any overflowing child content.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested reviewers

  • kemaldotearth

Poem

🐰 A tiny class to calm the spread,
overflow-hidden tucks edges bed,
No stray pixels hop or roam,
The contributors stay in home,
Quiet layout—softly said.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Description check ⚠️ Warning The PR description is missing required sections from the template: 'I have read the CONTRIBUTING.md file' acknowledgment, 'What kind of change does this PR introduce?', and 'What is the current behavior?' sections. Add missing template sections including CONTRIBUTING.md acknowledgment, change type classification (Bug fix), current behavior/related issues, and new behavior documentation.
✅ Passed checks (4 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately describes the main change: fixing the contributors section overflow issue on mobile in the careers page.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown
Contributor

@fsansalvadore fsansalvadore left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @AbhiVarde for the PR! I actually noticed there are other pieces of the layout that are overflowing how they shouldn't.

For example the globe

Image

and the black sphere at the bottom of the section.

Image

The solution is to set overflow-hidden to the entire section. I inlined two suggestions to your pr that fix it, feel free to accept them or push the changes directly from your branch. I think the overflow-hidden got lost at some point...

Thanks!

Comment thread apps/www/pages/careers.tsx Outdated
Comment thread apps/www/pages/careers.tsx Outdated
@AbhiVarde AbhiVarde force-pushed the fix/careers-contributors-mobile-overflow branch from 2ce8820 to 25bfc06 Compare May 15, 2026 09:11
@AbhiVarde
Copy link
Copy Markdown
Contributor Author

done, applied both suggestions. thanks @fsansalvadore for the detailed review and catching the globe overflow too!!

@fsansalvadore
Copy link
Copy Markdown
Contributor

@AbhiVarde can't see the updated changes committed, might want to push again if you already did?

@AbhiVarde
Copy link
Copy Markdown
Contributor Author

@AbhiVarde can't see the updated changes committed, might want to push again if you already did?

pushed the fix now. applied overflow-hidden to the outer section wrapper as suggested. sorry for the confusion earlier!

Copy link
Copy Markdown
Contributor

@fsansalvadore fsansalvadore left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good now, thanks @AbhiVarde ✌️

@fsansalvadore fsansalvadore merged commit b9fe7ea into supabase:master May 15, 2026
27 of 28 checks passed
@github-actions
Copy link
Copy Markdown
Contributor

Braintrust eval report

Evals in progress... ⌛

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.

2 participants