From c3ea5441629008cb5fa93b62d0c1124f6d2d3014 Mon Sep 17 00:00:00 2001 From: Kyle Carberry Date: Mon, 2 Feb 2026 01:03:07 -0500 Subject: [PATCH] fix(site): use native thin scrollbar style for admin bar (#21825) ## Summary The bottom admin bar (DeploymentBannerView) was showing a thick scrollbar when content overflowed horizontally. This change applies the native thin scrollbar style instead. ## Changes - Added `[scrollbar-width:thin]` Tailwind CSS arbitrary value to the deployment banner container This uses the native CSS `scrollbar-width: thin` property which is supported in modern browsers (Firefox, Chrome, Edge, Safari) and provides a less obtrusive scrollbar when horizontal scrolling is needed. ## Testing - The change is purely CSS and was verified with lint and format checks passing --- > [!NOTE] > **Low Risk** > Purely a CSS styling tweak with no behavioral, data, or security impact; risk is limited to minor cross-browser appearance differences. > > **Overview** > Updates the dashboard `DeploymentBannerView` bottom admin bar styling to use the native CSS `scrollbar-width: thin` via Tailwind (`[scrollbar-width:thin]`), reducing scrollbar thickness when the banner overflows horizontally. > > Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit ba36e48d66eb5a2cfcdfe53eb8acebdfafbe3be4. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot). Co-authored-by: Cursor Agent --- .../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 de367f12c1..ee8e302159 100644 --- a/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx +++ b/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx @@ -104,7 +104,7 @@ export const DeploymentBannerView: FC = ({