diff --git a/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte b/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte
index 93edbbb1c..d8a3c458e 100644
--- a/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte
+++ b/apps/contacts/apps/web/src/lib/components/ContactDetailModal.svelte
@@ -822,7 +822,7 @@
 	}
 
 	.modal-container {
-		background: hsl(var(--color-background));
+		background: hsl(var(--color-surface-elevated));
 		border-radius: 1.5rem;
 		width: 100%;
 		max-width: 560px;