diff --git a/frontend/src/pages/notifications.astro b/frontend/src/pages/notifications.astro
index 79fa25e..f57e450 100644
--- a/frontend/src/pages/notifications.astro
+++ b/frontend/src/pages/notifications.astro
@@ -39,7 +39,7 @@ import { API_BASE as apiBase } from '../lib/api';
       }
 
       container.innerHTML = notifications.map(n => `
-        <div class="notification ${n.is_read ? 'read' : 'unread'}" data-id="${n.id}">
+        <div class="notification ui-card ${n.is_read ? 'read' : 'unread'}" data-id="${n.id}">
           <div class="notif-content">
             <span class="notif-type type-${n.notification_type}">${n.notification_type}</span>
             <h3 class="notif-title">${n.title}</h3>
@@ -121,8 +121,6 @@ import { API_BASE as apiBase } from '../lib/api';
     align-items: flex-start;
     gap: 1rem;
     padding: 1rem 1.5rem;
-    background: var(--color-surface);
-    border: 1px solid var(--color-border);
     border-radius: 8px;
   }