From 2f2ba0ef7e443262a2918355dbc96ffc22d77a4b Mon Sep 17 00:00:00 2001 From: TJ Date: Wed, 11 Mar 2026 07:42:38 -0700 Subject: [PATCH] fix(site): prevent vertical scrollbar caused by deployment banner (#22877) ## Summary When the deployment banner's horizontal scrollbar appears on narrow viewports, it triggers an unwanted vertical scrollbar on the page. image ## Root Cause The app sets `scrollbar-gutter: stable` on `` (in `index.css`) which reserves space for a vertical scrollbar. The `DashboardLayout` uses `min-h-screen` with `justify-between`, making content fill exactly 100vh. When the deployment banner's `overflow-x: auto` activates a horizontal scrollbar, the scrollbar track adds height that pushes the document past 100vh, triggering the vertical scrollbar. ## Fix Add `overflow-y-hidden` to the deployment banner. This prevents the horizontal scrollbar's track height from contributing to the document's vertical overflow. ## Changes - `DeploymentBannerView.tsx`: Added `overflow-y-hidden` alongside existing `overflow-x-auto` --- .../modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx index ee8e302159..e43218e5ff 100644 --- a/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx +++ b/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx @@ -103,7 +103,7 @@ export const DeploymentBannerView: FC = ({ return (