From 04d523b9ab0d03196923cc15c69b01206d60a5e2 Mon Sep 17 00:00:00 2001
From: Andrew Aquino <dawneraq@gmail.com>
Date: Wed, 1 Jul 2026 14:18:29 -0700
Subject: [PATCH] fix(site): set minimum width for TemplateCustomizationsStep
 (#26939)

fixes DEVEX-577

Now the template customizations step gets a horizontal scrollbar if the
window is too narrow to nicely display its 2 columns of inputs:


https://github.com/user-attachments/assets/888f723c-8d54-4e37-b53a-e31b6b486e88
---
 site/src/pages/TemplateBuilder/TemplateBuilderPageView.tsx    | 2 +-
 site/src/pages/TemplateBuilder/TemplateCustomizationsStep.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/TemplateBuilder/TemplateBuilderPageView.tsx b/site/src/pages/TemplateBuilder/TemplateBuilderPageView.tsx
index 099cb94a89..12d941125a 100644
--- a/site/src/pages/TemplateBuilder/TemplateBuilderPageView.tsx
+++ b/site/src/pages/TemplateBuilder/TemplateBuilderPageView.tsx
@@ -135,7 +135,7 @@ export const TemplateBuilderPageView: FC<TemplateBuilderPageViewProps> = ({
 			<div className="flex gap-8">
 				{/* Main content area */}
 				<div className="flex-1 min-w-0">
-					<div className="p-6 border border-solid rounded-lg">
+					<div className="p-6 border border-solid rounded-lg overflow-x-auto">
 						{renderStepContent(
 							currentStep.id,
 							state,
diff --git a/site/src/pages/TemplateBuilder/TemplateCustomizationsStep.tsx b/site/src/pages/TemplateBuilder/TemplateCustomizationsStep.tsx
index 16b433cfe4..16eb96c0ee 100644
--- a/site/src/pages/TemplateBuilder/TemplateCustomizationsStep.tsx
+++ b/site/src/pages/TemplateBuilder/TemplateCustomizationsStep.tsx
@@ -63,7 +63,7 @@ export const TemplateCustomizationsStep: FC<
 	};
 
 	return (
-		<>
+		<div className="min-w-[654px]">
 			<TemplateBuilderTitle>Customizations</TemplateBuilderTitle>
 			<TemplateBuilderSubtitle>
 				Add additional configurations.
@@ -152,7 +152,7 @@ export const TemplateCustomizationsStep: FC<
 					</div>
 				</div>
 			</div>
-		</>
+		</div>
 	);
 };