diff --git a/apps/web/src/components/usage/UsageLimitsPooled.tsx b/apps/web/src/components/usage/UsageLimitsPooled.tsx
index 00f437246584f..c0a17be4e8061 100644
--- a/apps/web/src/components/usage/UsageLimitsPooled.tsx
+++ b/apps/web/src/components/usage/UsageLimitsPooled.tsx
@@ -288,7 +288,7 @@ function PoolSegment({
readonly color: string;
readonly now: number;
readonly index: number;
- readonly showAccountName: boolean;
+ readonly showPercentage: boolean;
}) {
return account.redeem ? (
@@ -333,13 +333,13 @@ function SegmentTriggers({
color,
now,
index,
- showAccountName,
+ showPercentage,
}: SegmentPayload & {
readonly refillPercent: number;
readonly color: string;
readonly now: number;
readonly index: number;
- readonly showAccountName: boolean;
+ readonly showPercentage: boolean;
}) {
const popover = use(SegmentPopoverContext) ?? undefined;
const payload: SegmentPayload = { account, window, reset, redeem };
@@ -398,14 +398,9 @@ function SegmentTriggers({
{index}
- {showAccountName ? (
-
- ) : null}
+
{/* A single-account bar repeats the headline percentage. */}
- {showAccountName ? (
+ {showPercentage ? (
{remaining}%
@@ -519,7 +514,7 @@ function PoolBar({
color={normalizeProviderAccentColor(member.account.accentColor) ?? color}
now={now}
index={position + 1}
- showAccountName={pool.columns.length > 1}
+ showPercentage={pool.columns.length > 1}
/>
) : null,
)}