From 7fb9d517afa88f144f0fb08fe34f799a469a9e1d Mon Sep 17 00:00:00 2001
From: Jake Howell <jake@hwll.me>
Date: Fri, 19 Dec 2025 08:22:50 +1100
Subject: [PATCH] fix: increase workspace `<Avatar />` size props (#21321)

---
 site/src/components/FullPageLayout/Topbar.tsx    |  2 +-
 site/src/pages/WorkspacePage/WorkspaceTopbar.tsx | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/site/src/components/FullPageLayout/Topbar.tsx b/site/src/components/FullPageLayout/Topbar.tsx
index ac972b7af0..83b7c15bbc 100644
--- a/site/src/components/FullPageLayout/Topbar.tsx
+++ b/site/src/components/FullPageLayout/Topbar.tsx
@@ -83,7 +83,7 @@ export const TopbarDivider: FC<HTMLAttributes<HTMLSpanElement>> = (props) => {
 };
 
 export const TopbarAvatar: FC<AvatarProps> = (props) => {
-	return <Avatar {...props} variant="icon" size="sm" />;
+	return <Avatar {...props} variant="icon" size="md" />;
 };
 
 type TopbarIconProps = HTMLAttributes<HTMLOrSVGElement>;
diff --git a/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx b/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx
index 59b7b9472e..371b999f59 100644
--- a/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx
+++ b/site/src/pages/WorkspacePage/WorkspaceTopbar.tsx
@@ -266,7 +266,7 @@ const OwnerBreadcrumb: FC<OwnerBreadcrumbProps> = ({
 		<HelpTooltip>
 			<HelpTooltipTrigger asChild>
 				<span css={styles.breadcrumbSegment}>
-					<Avatar size="sm" fallback={ownerName} src={ownerAvatarUrl} />
+					<Avatar size="md" fallback={ownerName} src={ownerAvatarUrl} />
 					<span css={styles.breadcrumbText}>{ownerName}</span>
 				</span>
 			</HelpTooltipTrigger>
@@ -294,7 +294,7 @@ const OrganizationBreadcrumb: FC<OrganizationBreadcrumbProps> = ({
 			<HelpTooltipTrigger asChild>
 				<span css={styles.breadcrumbSegment}>
 					<Avatar
-						size="sm"
+						size="md"
 						variant="icon"
 						src={orgIconUrl}
 						fallback={orgName}
@@ -321,7 +321,12 @@ const OrganizationBreadcrumb: FC<OrganizationBreadcrumbProps> = ({
 					subtitle="Organization"
 					avatar={
 						orgIconUrl && (
-							<Avatar variant="icon" src={orgIconUrl} fallback={orgName} />
+							<Avatar
+								variant="icon"
+								src={orgIconUrl}
+								fallback={orgName}
+								size="md"
+							/>
 						)
 					}
 					imgFallbackText={orgName}
@@ -389,6 +394,7 @@ const WorkspaceBreadcrumb: FC<WorkspaceBreadcrumbProps> = ({
 								variant="icon"
 								src={templateIconUrl}
 								fallback={templateDisplayName}
+								size="md"
 							/>
 						}
 						imgFallbackText={templateDisplayName}