From 4018320614db6a1e001d06b5db94e7979733b65a Mon Sep 17 00:00:00 2001
From: Jake Howell <jacob@coder.com>
Date: Fri, 10 Apr 2026 21:31:43 +1000
Subject: [PATCH] fix: resolve `<WorkspaceTimings />` size (#24235)

---
 .../WorkspaceTiming/WorkspaceTimings.tsx      | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx b/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx
index 05de7aace7..456b86f81c 100644
--- a/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx
+++ b/site/src/modules/workspaces/WorkspaceTiming/WorkspaceTimings.tsx
@@ -100,22 +100,24 @@ export const WorkspaceTimings: FC<WorkspaceTimingsProps> = ({
 
 	return (
 		<div className="rounded-lg border-solid bg-surface-primary">
-			<Button
-				disabled={isLoading}
-				variant="subtle"
-				className="w-full flex items-center"
-				onClick={() => setIsOpen((o) => !o)}
-			>
-				<ChevronDownIcon open={isOpen} className="size-4 mr-4" />
-				<span>Build timeline</span>
-				<span className="ml-auto text-content-secondary">
+			<div className="flex items-center justify-between px-4 py-1.5 relative">
+				<Button
+					disabled={isLoading}
+					variant="subtle"
+					onClick={() => setIsOpen((o) => !o)}
+					className="after:content-[''] after:absolute after:inset-0"
+				>
+					<ChevronDownIcon open={isOpen} />
+					<span>Build timeline</span>
+				</Button>
+				<span className="ml-auto text-sm text-content-secondary pr-2">
 					{isLoading ? (
 						<Skeleton variant="text" width={40} height={16} />
 					) : (
 						displayProvisioningTime()
 					)}
 				</span>
-			</Button>
+			</div>
 			{!isLoading && (
 				<Collapse in={isOpen}>
 					<div