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 && (
-
+
)}
{showQueuedBadge && !task.overlapBlockedBy && task.blockedBy && (
-
+
)}
)}
diff --git a/packages/dashboard/app/components/__tests__/TaskCard.test.tsx b/packages/dashboard/app/components/__tests__/TaskCard.test.tsx
index 53c928b856..4288cf439d 100644
--- a/packages/dashboard/app/components/__tests__/TaskCard.test.tsx
+++ b/packages/dashboard/app/components/__tests__/TaskCard.test.tsx
@@ -4896,7 +4896,7 @@ describe("TaskCard", () => {
const icon = badge.querySelector(`[data-testid="${expectedIcon}-${queuedTask.id}"]`);
expect(icon).not.toBeNull();
expect(icon).toHaveClass("card-queued-reason-icon");
- expect(icon).toHaveAttribute("size", "8");
+ expect(icon).toHaveAttribute("size", "7");
expect(badge.querySelector(`[data-testid="${absentIcon}-${queuedTask.id}"]`)).toBeNull();
expect(badge).toHaveAttribute("title", title);
expect(container.querySelector(".queued-badge")).toBeNull();