diff --git a/frontend/src/lib/components/document/ScopeCard.svelte.spec.ts b/frontend/src/lib/components/document/ScopeCard.svelte.spec.ts
index 51c4ae1b..9a04b7d9 100644
--- a/frontend/src/lib/components/document/ScopeCard.svelte.spec.ts
+++ b/frontend/src/lib/components/document/ScopeCard.svelte.spec.ts
@@ -6,21 +6,21 @@ import ScopeCard from './ScopeCard.svelte';
 afterEach(cleanup);
 
 describe('ScopeCard', () => {
-	it('per-file variant has mint background class', async () => {
+	it('per-file variant has accent background class', async () => {
 		const { container } = render(ScopeCard, { variant: 'per-file', count: 1 });
 		const card = container.querySelector('[data-testid="scope-card"]');
-		expect(card?.className).toMatch(/brand-mint/);
+		expect(card?.className).toMatch(/bg-accent-bg/);
 	});
 
-	it('shared variant does not have mint background', async () => {
+	it('shared variant does not have accent background', async () => {
 		const { container } = render(ScopeCard, { variant: 'shared', count: 3 });
 		const card = container.querySelector('[data-testid="scope-card"]');
-		expect(card?.className).not.toMatch(/bg-brand-mint/);
+		expect(card?.className).not.toMatch(/bg-accent-bg/);
 	});
 
 	it('shared variant renders count badge with file count', async () => {
 		render(ScopeCard, { variant: 'shared', count: 5 });
-		await expect.element(page.getByText('5')).toBeInTheDocument();
+		await expect.element(page.getByText('5', { exact: true })).toBeInTheDocument();
 	});
 
 	it('per-file variant renders slot content', async () => {