diff --git a/ui/src/components/IssueProperties.test.tsx b/ui/src/components/IssueProperties.test.tsx
index 8f72726293..6277c22054 100644
--- a/ui/src/components/IssueProperties.test.tsx
+++ b/ui/src/components/IssueProperties.test.tsx
@@ -130,8 +130,8 @@ vi.mock("../lib/assignees", () => ({
}));
vi.mock("./StatusIcon", () => ({
- StatusIcon: ({ status, blockerAttention }: { status: string; blockerAttention?: Issue["blockerAttention"] }) => (
- {status}
+ StatusIcon: ({ status, blockerAttention, className, size }: { status: string; blockerAttention?: Issue["blockerAttention"]; className?: string; size?: string }) => (
+ {status}
),
}));
@@ -526,6 +526,13 @@ describe("IssueProperties", () => {
expect(surface?.classList).toContain("pl-4");
expect(surface?.querySelectorAll('[data-property-section="true"]').length).toBeGreaterThan(1);
expect(surface?.querySelector('[data-property-value="true"]')).not.toBeNull();
+ const statusVisual = surface?.querySelector(
+ '[data-property-label="Status"] + [data-property-value="true"] [data-testid="status-icon"]',
+ );
+ expect(statusVisual).not.toBeNull();
+ expect(statusVisual?.getAttribute("data-size")).toBe("md");
+ expect(statusVisual?.classList).toContain("mx-1");
+ expect(statusVisual?.classList).not.toContain("size-6");
expect(surface?.querySelector('[data-property-section="true"] > div')?.classList)
.toContain("text-muted-foreground/70");
const projectLabel = surface?.querySelector('[data-property-label="Project"]');
diff --git a/ui/src/components/issue-properties/IssueProperties.tsx b/ui/src/components/issue-properties/IssueProperties.tsx
index 1ffb39d231..71570b040e 100644
--- a/ui/src/components/issue-properties/IssueProperties.tsx
+++ b/ui/src/components/issue-properties/IssueProperties.tsx
@@ -1944,7 +1944,7 @@ export function IssueProperties({
{projectName(issue.projectId)}
>
@@ -2332,7 +2332,7 @@ export function IssueProperties({
onUpdate({ status })}
showLabel