diff --git a/src/lib/ui/Notification.svelte b/src/lib/ui/Notification.svelte
index 803a60b..984def0 100644
--- a/src/lib/ui/Notification.svelte
+++ b/src/lib/ui/Notification.svelte
@@ -144,19 +144,22 @@
 <style>
     .notification {
         display: block;
-        border-top: 1px solid color-mix(in srgb, transparent, var(--text) 50%);
+        border-top: 1px solid color-mix(in srgb, transparent, var(--text) 25%);
         padding: 16px;
         text-decoration: inherit;
         color: inherit;
         transition: background-color .1s;
         cursor: pointer;
+
+        background-color: var(--bg-900);
     }
     .notification:first-of-type {
         border-top: none;
+
     }
 
     .notification:hover {
-        background-color: color-mix(in srgb, var(--bg-800), transparent 50%);
+        background-color: color-mix(in srgb, var(--bg-800), transparent 35%);
     }
 
     header {