diff --git a/frontend/src/components/notifications-dropdown.tsx b/frontend/src/components/notifications-dropdown.tsx
index 38e0d3b..4b9aa86 100644
--- a/frontend/src/components/notifications-dropdown.tsx
+++ b/frontend/src/components/notifications-dropdown.tsx
@@ -71,7 +71,7 @@ export function NotificationsDropdown() {
                                     key={notification.id}
                                     className={cn(
                                         "flex flex-col gap-1 p-3 rounded-md hover:bg-muted/50 cursor-pointer transition-colors relative",
-                                        !notification.readAt && "bg-muted/20"
+                                        !notification.read && "bg-muted/20"
                                     )}
                                     onClick={() => markAsRead(notification.id)}
                                 >
@@ -80,7 +80,7 @@ export function NotificationsDropdown() {
                                             {getIcon(notification.type)}
                                         </div>
                                         <div className="flex-1 space-y-1">
-                                            <p className={cn("text-sm font-medium leading-none", !notification.readAt && "font-bold")}>
+                                            <p className={cn("text-sm font-medium leading-none", !notification.read && "font-bold")}>
                                                 {notification.title}
                                             </p>
                                             <p className="text-xs text-muted-foreground line-clamp-2">
@@ -90,7 +90,7 @@ export function NotificationsDropdown() {
                                                 {new Date(notification.createdAt).toLocaleDateString()}
                                             </p>
                                         </div>
-                                        {!notification.readAt && (
+                                        {!notification.read && (
                                             <div className="h-2 w-2 rounded-full bg-primary mt-1" />
                                         )}
                                     </div>