diff --git a/ui/scss/component/_notification.scss b/ui/scss/component/_notification.scss
index dabb98f15..ce8e17189 100644
--- a/ui/scss/component/_notification.scss
+++ b/ui/scss/component/_notification.scss
@@ -59,7 +59,7 @@ $contentMaxWidth: 60rem;
 }
 
 .notification__wrapper--unread {
-  background-color: #2d2d33;
+  background-color: var(--color-card-background-highlighted);
 
   &:hover {
     background-color: var(--color-button-secondary-bg);
diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss
index 3659e5486..b244eefa6 100644
--- a/ui/scss/themes/dark.scss
+++ b/ui/scss/themes/dark.scss
@@ -12,7 +12,7 @@
   // Structure
   --color-background: var(--color-gray-9);
   --color-background-overlay: #21252999;
-  --color-border: var(--color-gray-7);
+  --color-border: #333338;
   --color-card-background: var(--color-gray-8);
   --color-card-background-highlighted: var(--color-gray-7);