diff --git a/frontend/src/routes/notifications/+page.svelte b/frontend/src/routes/notifications/+page.svelte
index d073bc31..05f49425 100644
--- a/frontend/src/routes/notifications/+page.svelte
+++ b/frontend/src/routes/notifications/+page.svelte
@@ -202,7 +202,7 @@ function typeBadgeLabel(type: NotificationItem['type']): string {
 		{:else}
 			<ul
 				role="list"
-				class="divide-y divide-line rounded-sm border border-line bg-surface shadow-sm"
+				class="divide-y divide-line rounded-sm border border-line bg-canvas shadow-sm"
 			>
 				{#each allNotifications as n (n.id)}
 					<li class="relative">
@@ -213,7 +213,7 @@ function typeBadgeLabel(type: NotificationItem['type']): string {
 								'flex min-h-14 flex-col justify-center border-l-[3px] px-4 py-4 md:px-6 md:py-5',
 								'transition-colors hover:bg-accent-bg',
 								n.read
-									? 'border-l-transparent bg-canvas'
+									? 'border-l-transparent'
 									: 'border-l-accent'
 							].join(' ')}
 							aria-label={m.notification_row_aria({