fix: ensure deployment banner is always on the bottom (#19361)

brettkolodny · web-flow · commit 362c78a70577 · 2025-08-14T15:35:42.000-04:00
diff --git a/site/src/modules/dashboard/DashboardLayout.tsx b/site/src/modules/dashboard/DashboardLayout.tsx
@@ -23,10 +23,10 @@ export const DashboardLayout: FC = () => {
 			{canViewDeployment && <LicenseBanner />}
 			<AnnouncementBanners />
 
-			<div className="flex flex-col h-screen">
+			<div className="flex flex-col min-h-screen">
 				<Navbar />
 
-				<div className="flex flex-col flex-1 min-h-0">
+				<div className="flex flex-col flex-1 min-h-0 pb-12">
 					<Suspense fallback={<Loader />}>
 						<Outlet />
 					</Suspense>
diff --git a/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx
@@ -105,6 +105,7 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
 
 	return (
 		<div
+			className="w-full"
 			css={{
 				position: "sticky",
 				lineHeight: 1,
