From 21d7044a6120a3cd12a64702f3cb6bb7e998f417 Mon Sep 17 00:00:00 2001
From: David <darnaud2@myges.fr>
Date: Mon, 22 Dec 2025 12:32:32 +0100
Subject: [PATCH] fix notifications

---
 apps/frontend/app/dashboard/notifications/page.tsx | 2 +-
 apps/frontend/src/components/NotificationPanel.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/app/dashboard/notifications/page.tsx b/apps/frontend/app/dashboard/notifications/page.tsx
index fb1c3e6..8faa910 100644
--- a/apps/frontend/app/dashboard/notifications/page.tsx
+++ b/apps/frontend/app/dashboard/notifications/page.tsx
@@ -134,7 +134,7 @@ export default function NotificationsPage() {
   return (
     <div className="min-h-screen bg-gray-50">
       {/* Header */}
-      <div className="bg-white border-b">
+      <div className="bg-white border-b shadow-sm">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
           <div className="flex items-center justify-between">
             <div className="flex items-center space-x-4">
diff --git a/apps/frontend/src/components/NotificationPanel.tsx b/apps/frontend/src/components/NotificationPanel.tsx
index 924d8a0..a77ed56 100644
--- a/apps/frontend/src/components/NotificationPanel.tsx
+++ b/apps/frontend/src/components/NotificationPanel.tsx
@@ -148,16 +148,16 @@ export default function NotificationPanel({ isOpen, onClose }: NotificationPanel
       {/* Panel */}
       <div className="fixed right-0 top-0 bottom-0 w-full max-w-2xl bg-white shadow-2xl z-50 flex flex-col animate-slide-in-right">
         {/* Header */}
-        <div className="flex items-center justify-between px-6 py-4 border-b bg-gradient-to-r from-blue-600 to-blue-700 text-white">
+        <div className="flex items-center justify-between px-6 py-4 border-b bg-white">
           <div>
-            <h2 className="text-xl font-bold">Notifications</h2>
-            <p className="text-sm text-blue-100 mt-1">
+            <h2 className="text-xl font-bold text-gray-900">Notifications</h2>
+            <p className="text-sm text-gray-600 mt-1">
               {total} notification{total !== 1 ? 's' : ''} total
             </p>
           </div>
           <button
             onClick={onClose}
-            className="p-2 hover:bg-white/20 rounded-lg transition-colors"
+            className="p-2 hover:bg-gray-100 rounded-lg transition-colors text-gray-600"
             aria-label="Close panel"
           >
             <X className="w-6 h-6" />