Bug description

🐞 Bug Report: Unexpected Horizontal Scroll Bar on Landing Page

📄 Description

A horizontal scroll bar appears at the bottom of the landing page on https://www.prisma.io/. This behavior is unintended and may negatively impact the user experience, especially on smaller screens or when using a trackpad.

🔁 Steps to Reproduce

1. Visit https://www.prisma.io/
2. Resize the browser window to various widths (e.g., 1920px, 1366px).
3. Observe that a horizontal scroll bar appears at the bottom.
4. Scroll horizontally — part of the layout extends beyond the viewport.

📷 Screenshot

Add screenshot here if needed.

✅ Expected Behavior

There should be no horizontal scroll bar. All content should stay within the viewport and not cause any horizontal overflow at any screen width.

🧪 Environment

• Browser: e.g., Chrome 116, Firefox 120
• OS: e.g., Windows 10, macOS Ventura
• Screen Resolution: e.g., 1920×1080, 1366×768

💡 Suggested Fix

This is likely caused by an element exceeding the viewport width (possibly due to an unbounded width, margin, or padding value). I’d like to investigate and fix the issue and submit a pull request.

Let me know if it's okay to proceed or if the website code is managed in a separate repository.

Severity

🔹 Minor: Unexpected behavior, but does not block development

Reproduction

This issue occurs on the official Prisma landing page: https://www.prisma.io/

✅ Steps to Reproduce:

1. Open https://www.prisma.io/ in any modern browser.
2. Maximize your window or resize it to a common desktop width (e.g., 1920×1080 or 1366×768).
3. Observe the bottom of the page — a horizontal scroll bar appears.
4. Try scrolling horizontally — you'll notice a small portion of content overflows beyond the viewport.

This can be confirmed using browser DevTools → Elements tab → inspect for elements causing overflow-x.

Since this is an issue on a deployed site, it cannot be reproduced in a CodeSandbox.

Expected vs. Actual Behavior

✅ Expected Behavior

The landing page should fit entirely within the viewport width, and no horizontal scroll bar should be visible. All content should be responsive and contained without causing horizontal overflow at any screen size.

❌ Actual Behavior

A horizontal scroll bar appears at the bottom of the landing page. This indicates that some content is overflowing the viewport, allowing the user to scroll sideways — which is not expected for a properly responsive layout.

Frequency

Consistently reproducible

Does this occur in development or production?

Only in development (e.g., CLI tools, migrations, Prisma Studio)

Is this a regression?

Not applicable — this is a website UI issue, not related to a specific Prisma version.

Workaround

No workaround found. This is a layout issue on the live Prisma website, and users cannot resolve it on their end.

Prisma Schema & Queries

N/A – This is a frontend website issue, not related to Prisma schema or queries.

Prisma Config

// Add your `prisma.config.ts`

Logs & Debug Info

// Debug logs here

Environment & Setup

• OS: Windows 11 (also reproducible on macOS)
• Database: Not applicable (UI issue only)
• Node.js version: Not applicable (not a code or runtime issue)

Prisma Version

Not applicable — this issue is not related to the Prisma CLI or Client but affects the UI of the public website.