diff --git a/packages/dashboard/app/components/TaskCard.css b/packages/dashboard/app/components/TaskCard.css index 198b063107..8d70502631 100644 --- a/packages/dashboard/app/components/TaskCard.css +++ b/packages/dashboard/app/components/TaskCard.css @@ -262,6 +262,8 @@ Lock the id to the same chip-height row as .card-header-actions so the task id, .card-queued-reason-icon { flex: 0 0 auto; margin-inline-start: var(--space-xs); + margin-inline-end: calc(var(--space-xs) / -2); + transform: translateY(calc(var(--space-xs) / -8)); } .card-status-badge--queued-with-reason { diff --git a/packages/dashboard/app/components/TaskCard.tsx b/packages/dashboard/app/components/TaskCard.tsx index a2891ec5f4..8ba8ec8400 100644 --- a/packages/dashboard/app/components/TaskCard.tsx +++ b/packages/dashboard/app/components/TaskCard.tsx @@ -3601,10 +3601,10 @@ function TaskCardComponent({ > {statusBadgeLabel} {showQueuedBadge && task.overlapBlockedBy && ( -