From fdd2bf24185c78f57e23523c455f0b92b47f2598 Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Sat, 1 Aug 2026 12:58:29 -0700
Subject: [PATCH] fix: prevent queued badge icon clipping on tablets

---
 packages/dashboard/app/components/TaskCard.css            | 2 +-
 .../app/components/__tests__/TaskCard.badge-wrap.test.tsx | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/dashboard/app/components/TaskCard.css b/packages/dashboard/app/components/TaskCard.css
index 8d70502631..10b41c3055 100644
--- a/packages/dashboard/app/components/TaskCard.css
+++ b/packages/dashboard/app/components/TaskCard.css
@@ -267,7 +267,7 @@ Lock the id to the same chip-height row as .card-header-actions so the task id,
 }
 
 .card-status-badge--queued-with-reason {
-  padding-inline-end: 0;
+  padding-inline-end: var(--space-xs);
 }
 
 /*
diff --git a/packages/dashboard/app/components/__tests__/TaskCard.badge-wrap.test.tsx b/packages/dashboard/app/components/__tests__/TaskCard.badge-wrap.test.tsx
index 11cc3e7eca..fab85ff8c3 100644
--- a/packages/dashboard/app/components/__tests__/TaskCard.badge-wrap.test.tsx
+++ b/packages/dashboard/app/components/__tests__/TaskCard.badge-wrap.test.tsx
@@ -330,6 +330,14 @@ describe("TaskCard badge wrapping (FN-5162)", () => {
     expect(mobileSection).not.toMatch(/\.card-meta-badges\s*\{/);
   });
 
+  it("keeps right-side breathing room around queued reason icons at tablet widths", () => {
+    expectCssRuleToContain(
+      loadedCss,
+      ".card-status-badge--queued-with-reason",
+      "padding-inline-end: var(--space-xs);",
+    );
+  });
+
   it("places a fast-mode size badge after the task id before wrapping header badges", () => {
     const { container: sizedContainer } = render(
       <TaskCard