diff --git a/ui/src/components/EntityRow.test.tsx b/ui/src/components/EntityRow.test.tsx
index 5845a9d33e8..5b94343405b 100644
--- a/ui/src/components/EntityRow.test.tsx
+++ b/ui/src/components/EntityRow.test.tsx
@@ -70,7 +70,7 @@ describe("EntityRow", () => {
);
// The name keeps a usable floor instead of collapsing to zero...
- expect(markup).toContain("min-w-(--sz-7rem)");
+ expect(markup).toContain("min-w-(--sz-6rem)");
// ...and the meta cluster is the item that yields (shrinks), not the title.
expect(markup).toContain("min-w-0 shrink");
expect(markup).not.toContain('class="flex items-center gap-2 shrink-0"');
diff --git a/ui/src/components/EntityRow.tsx b/ui/src/components/EntityRow.tsx
index b03208295a9..43009093d45 100644
--- a/ui/src/components/EntityRow.tsx
+++ b/ui/src/components/EntityRow.tsx
@@ -77,7 +77,7 @@ export function EntityRow({
className={cn(
// `titlePriority` gives the name a floor so it ellipsizes instead of
// collapsing to zero; otherwise the title may shrink to nothing.
- titlePriority ? "min-w-(--sz-7rem)" : "min-w-0",
+ titlePriority ? "min-w-(--sz-6rem)" : "min-w-0",
!meta && "flex-1",
titleClassName,
)}
diff --git a/ui/src/components/SidebarAgents.tsx b/ui/src/components/SidebarAgents.tsx
index 4def4ef4080..ffa7eb2e410 100644
--- a/ui/src/components/SidebarAgents.tsx
+++ b/ui/src/components/SidebarAgents.tsx
@@ -165,6 +165,7 @@ function SidebarAgentItem({
iconNode={}
active={isActive}
liveCount={runCount}
+ labelClassName={builtInStatus ? "min-w-(--sz-4_5rem) flex-initial" : undefined}
className={cn(
"min-w-0 flex-1",
// Reserve room for the hover ⋯ menu; starred rows widen it for the
diff --git a/ui/src/components/SidebarNavItem.tsx b/ui/src/components/SidebarNavItem.tsx
index e7d7619afa3..b9856e2ad7e 100644
--- a/ui/src/components/SidebarNavItem.tsx
+++ b/ui/src/components/SidebarNavItem.tsx
@@ -44,6 +44,7 @@ interface SidebarNavItemProps {
iconNode?: ReactNode;
end?: boolean;
className?: string;
+ labelClassName?: string;
badge?: number;
badgeTone?: "default" | "danger";
/**
@@ -75,6 +76,7 @@ export function SidebarNavItem({
iconNode,
end,
className,
+ labelClassName,
badge,
badgeTone = "default",
badgeLabel,
@@ -156,7 +158,7 @@ export function SidebarNavItem({
/>
)}
- {label}
+ {label}
{!rail && trailing}
{!rail && textBadge && (