diff --git a/src/tests/styles.test.ts b/src/tests/styles.test.ts
index c4c0940..8df194b 100644
--- a/src/tests/styles.test.ts
+++ b/src/tests/styles.test.ts
@@ -167,7 +167,7 @@ describe("styles.css", () => {
 		expect(mobile).toMatch(/\.vi-bulk-excluded-note\s*\{[^}]*overflow-wrap:\s*anywhere;/);
 	});
 
-	it("keeps confirmed and eligible statuses compact and contrast-safe", async () => {
+	it("keeps confirmed, eligible, and resolved statuses compact and contrast-safe", async () => {
 		const css = await readFile("styles.css", "utf8");
 
 		expect(css).toMatch(
@@ -176,6 +176,7 @@ describe("styles.css", () => {
 		for (const className of [
 			"vi-classification-confirmed",
 			"vi-eligibility-eligible",
+			"vi-status-resolved",
 		]) {
 			const rule = css.match(new RegExp(`\\.${className}\\s*\\{([^}]*)\\}`))?.[1];
 			expect(rule, `missing .${className}`).toBeDefined();
diff --git a/styles.css b/styles.css
index 33690f9..e437c8f 100644
--- a/styles.css
+++ b/styles.css
@@ -86,7 +86,7 @@
 .vi-classification-unverified { background: var(--background-secondary); color: var(--text-muted); }
 .vi-status-new { background: var(--interactive-accent); color: var(--text-on-accent); }
 .vi-status-persisting { background: var(--background-secondary); color: var(--text-muted); }
-.vi-status-resolved { background: var(--background-modifier-success); color: var(--text-success); }
+.vi-status-resolved { background: var(--background-secondary); color: var(--text-success); border: 1px solid var(--text-success); }
 
 .vi-explanation { min-width: 0; margin-top: 4px; padding: 8px 10px; border-left: 2px solid var(--background-modifier-border); background: var(--background-secondary); }
 .vi-explanation-row { display: grid; grid-template-columns: max-content minmax(0, 1fr); min-width: 0; align-items: baseline; }