diff --git a/components/notification-badge.tsx b/components/notification-badge.tsx
index 5180a62b..e28e38fc 100644
--- a/components/notification-badge.tsx
+++ b/components/notification-badge.tsx
@@ -170,7 +170,7 @@ export const NotificationBadge = memo(function NotificationBadge({ className }:
                   <div className="w-full">
                     <div className="flex items-start justify-between">
                       <div className="max-w-[90%]">
-                        <p className="text-sm font-medium">
+                        <div className="text-sm font-medium">
                           {notification.title}
                           {!notification.isRead && (
                             <Badge variant="secondary" className="ml-2 bg-blue-500 text-white">New</Badge>
@@ -181,7 +181,7 @@ export const NotificationBadge = memo(function NotificationBadge({ className }:
                               Agilité
                             </Badge>
                           )}
-                        </p>
+                        </div>
                         <p className="text-xs text-muted-foreground">
                           {formatDistanceToNow(new Date(notification.timestamp), { addSuffix: true })}
                           {notification.source && (