From 2fe5d12b372afefd7736b5ea5456e6c333a875c4 Mon Sep 17 00:00:00 2001
From: Danielle Maywood <danielle@themaywoods.com>
Date: Tue, 24 Mar 2026 22:11:55 +0000
Subject: [PATCH] fix(site): adjust Admin badge padding and alignment on agents
 settings page (#23534)

---
 site/src/pages/AgentsPage/AgentSettingsPageView.tsx    | 2 +-
 site/src/pages/AgentsPage/components/SectionHeader.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/AgentsPage/AgentSettingsPageView.tsx b/site/src/pages/AgentsPage/AgentSettingsPageView.tsx
index 5897c68839..067cdb829c 100644
--- a/site/src/pages/AgentsPage/AgentSettingsPageView.tsx
+++ b/site/src/pages/AgentsPage/AgentSettingsPageView.tsx
@@ -68,7 +68,7 @@ const AdminBadge: FC = () => (
 	<TooltipProvider delayDuration={0}>
 		<Tooltip>
 			<TooltipTrigger asChild>
-				<span className="inline-flex cursor-default items-center gap-1 rounded bg-surface-tertiary/60 px-1.5 py-px text-[11px] font-medium text-content-secondary">
+				<span className="ml-auto inline-flex cursor-default items-center gap-1 rounded bg-surface-tertiary/60 px-2 py-1 text-[11px] leading-none font-medium text-content-secondary">
 					<ShieldIcon className="h-3 w-3" />
 					Admin
 				</span>
diff --git a/site/src/pages/AgentsPage/components/SectionHeader.tsx b/site/src/pages/AgentsPage/components/SectionHeader.tsx
index 4810fa8fe6..9f462eddb7 100644
--- a/site/src/pages/AgentsPage/components/SectionHeader.tsx
+++ b/site/src/pages/AgentsPage/components/SectionHeader.tsx
@@ -16,7 +16,7 @@ export const SectionHeader: FC<SectionHeaderProps> = ({
 	<>
 		<div className="flex items-start justify-between gap-4">
 			<div>
-				<div className="flex items-center gap-2">
+				<div className="flex w-full items-center gap-2">
 					<h2 className="m-0 text-lg font-medium text-content-primary">
 						{label}
 					</h2>