From b3766d62be9487732c7e657cf737e739cc5413da Mon Sep 17 00:00:00 2001
From: Andrew Aquino <dawneraq@gmail.com>
Date: Tue, 7 Jul 2026 09:38:21 -0700
Subject: [PATCH] fix(site/src/pages/TemplateBuilder): top-align
 BaseTemplateSelection's avatar when name wraps lines (#27039)

ref DEVEX-493 (very similar issue, so tracking it here with this PR too)

## before

<img width="507" height="472" alt="image"
src="https://github.com/user-attachments/assets/660aaf76-8ec3-4e68-98cc-a06c90966374"
/>

## after

<img width="499" height="477" alt="image"
src="https://github.com/user-attachments/assets/02903bd1-0e8c-431d-92b0-b64735ba47e9"
/>
---
 site/src/pages/TemplateBuilder/SelectionSummary.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/TemplateBuilder/SelectionSummary.tsx b/site/src/pages/TemplateBuilder/SelectionSummary.tsx
index 73c873d5c0..5d4a40f47e 100644
--- a/site/src/pages/TemplateBuilder/SelectionSummary.tsx
+++ b/site/src/pages/TemplateBuilder/SelectionSummary.tsx
@@ -149,8 +149,10 @@ const BaseTemplateSelection: React.FC<BaseTemplateSelectionProps> = ({
 }) => {
 	return (
 		<StepDivider>
-			<div className="flex items-center p-1">
-				<Avatar src={template.iconUrl} size="sm" variant="icon" />
+			<div className="flex items-start p-1">
+				<div className="h-[1lh] content-center">
+					<Avatar src={template.iconUrl} size="sm" variant="icon" />
+				</div>
 				<span className="ml-2 text-content-secondary">{template.name}</span>
 			</div>
 		</StepDivider>