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