diff --git a/src/renderer/src/pages/notifications/notification-item.tsx b/src/renderer/src/pages/notifications/notification-item.tsx
index 843df053..976ab631 100644
--- a/src/renderer/src/pages/notifications/notification-item.tsx
+++ b/src/renderer/src/pages/notifications/notification-item.tsx
@@ -174,7 +174,9 @@ export function NotificationItem({
   return (
     <div
       className={cn("notification-item", {
-        "notification-item--unread": !notification.isRead,
+        "notification-item--unread":
+          !notification.isRead ||
+          notification.type === "FRIEND_REQUEST_RECEIVED",
       })}
       onClick={handleClick}
       onKeyDown={(e) => {