From b244ecd9a07bd18f9fe6f5fa19b18118c1baf027 Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Sat, 1 Aug 2026 00:46:42 -0700
Subject: [PATCH] fix(dashboard): refine queued badge icon alignment

---
 packages/dashboard/app/components/TaskCard.css                | 2 ++
 packages/dashboard/app/components/TaskCard.tsx                | 4 ++--
 packages/dashboard/app/components/__tests__/TaskCard.test.tsx | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

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 && (
-              <Layers className="card-queued-reason-icon" size={8} aria-hidden="true" data-testid={`card-queued-overlap-icon-${task.id}`} />
+              <Layers className="card-queued-reason-icon" size={7} aria-hidden="true" data-testid={`card-queued-overlap-icon-${task.id}`} />
             )}
             {showQueuedBadge && !task.overlapBlockedBy && task.blockedBy && (
-              <Link className="card-queued-reason-icon" size={8} aria-hidden="true" data-testid={`card-queued-dependency-icon-${task.id}`} />
+              <Link className="card-queued-reason-icon" size={7} aria-hidden="true" data-testid={`card-queued-dependency-icon-${task.id}`} />
             )}
           </span>
         )}
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();