From 814386dda7335e4c39fd71e4ea679f85337451c8 Mon Sep 17 00:00:00 2001
From: Tyler <trtate@gmail.com>
Date: Sat, 23 May 2026 01:37:35 -0500
Subject: [PATCH] fix(site): left-align template README content instead of
 centering in narrow column (#25487)

Closes #24183

## Changes

Drops `mx-auto` so README content left-aligns with the header. Bumps
padding from 24px to 32px and widens `max-w` from 800px to 860px for
breathing room.

Applied to both:
- `TemplateDocsPage.tsx`
- `StarterTemplatePageView.tsx`

> Generated with [Coder Agents](https://coder.com/agents)
---
 site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx  | 2 +-
 .../pages/TemplatePage/TemplateDocsPage/TemplateDocsPage.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx b/site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx
index 65da413afe..76e6462aea 100644
--- a/site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx
+++ b/site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx
@@ -72,7 +72,7 @@ export const StarterTemplatePageView: FC<StarterTemplatePageViewProps> = ({
 				className="bg-surface-secondary border border-solid border-border rounded-lg"
 				id="readme"
 			>
-				<div className="px-10 pt-10 pb-16 max-w-[800px] mx-auto">
+				<div className="px-8 pt-2 pb-12 max-w-[860px]">
 					<MemoizedMarkdown>{starterTemplate.markdown}</MemoizedMarkdown>
 				</div>
 			</div>
diff --git a/site/src/pages/TemplatePage/TemplateDocsPage/TemplateDocsPage.tsx b/site/src/pages/TemplatePage/TemplateDocsPage/TemplateDocsPage.tsx
index a09c002a92..d8e5cfe1d4 100644
--- a/site/src/pages/TemplatePage/TemplateDocsPage/TemplateDocsPage.tsx
+++ b/site/src/pages/TemplatePage/TemplateDocsPage/TemplateDocsPage.tsx
@@ -17,7 +17,7 @@ export default function TemplateDocsPage() {
 				<div className="text-content-secondary font-semibold py-4 px-6 border-b border-border">
 					README.md
 				</div>
-				<div className="px-6 pb-10 max-w-[800px] mx-auto">
+				<div className="px-8 pt-2 pb-12 max-w-[860px]">
 					<MemoizedMarkdown>{readme.body}</MemoizedMarkdown>
 				</div>
 			</div>