From b29af7f64a077a49e24731fc9b8148bd2ac4872e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?McKayla=20=E3=81=AF=E3=81=AA?= <mckayla@hey.com>
Date: Mon, 10 Aug 2026 14:03:04 -0600
Subject: [PATCH] fix: improve layout of CLI install page (#27998)

---
 .../src/pages/CliInstallPage/CliInstallPageView.stories.tsx | 6 ++++++
 site/src/pages/CliInstallPage/CliInstallPageView.tsx        | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx b/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx
index 4dd303ba10..ebb53d2bb9 100644
--- a/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx
+++ b/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx
@@ -14,4 +14,10 @@ type Story = StoryObj<typeof CliInstallPageView>;
 
 const Example: Story = {};
 
+export const LongOrigin: Story = {
+	args: {
+		origin: "https://coder.alb.eks.us-east-1.aws.internal.cdr.dev",
+	},
+};
+
 export { Example as CliInstallPage };
diff --git a/site/src/pages/CliInstallPage/CliInstallPageView.tsx b/site/src/pages/CliInstallPage/CliInstallPageView.tsx
index 8007e1a1cd..e7642c5821 100644
--- a/site/src/pages/CliInstallPage/CliInstallPageView.tsx
+++ b/site/src/pages/CliInstallPage/CliInstallPageView.tsx
@@ -12,11 +12,11 @@ export const CliInstallPageView: FC<CliInstallPageViewProps> = ({ origin }) => {
 	return (
 		<div
 			className={cn(
-				"mx-auto h-screen w-[480px]",
+				"mx-auto h-screen w-[600px] max-w-full px-4",
 				"flex flex-1 flex-col items-center justify-center",
 			)}
 		>
-			<Welcome>Install the Coder CLI</Welcome>
+			<Welcome>Install the Coder&nbsp;CLI</Welcome>
 
 			<p className="pb-2 text-center text-base leading-[1.4] text-content-secondary">
 				Copy the command below and{" "}
@@ -24,7 +24,7 @@ export const CliInstallPageView: FC<CliInstallPageViewProps> = ({ origin }) => {
 			</p>
 
 			<CodeExample
-				className="max-w-full"
+				className="max-w-full [&>code]:overflow-x-hidden [&>code]:text-ellipsis [&>code]:whitespace-nowrap"
 				code={`curl -fsSL ${origin}/install.sh | sh`}
 				secret={false}
 			/>