diff --git a/src/app/(agent)/agent/notifications/page.tsx b/src/app/(agent)/agent/notifications/page.tsx
index c34cd50..226ea46 100644
--- a/src/app/(agent)/agent/notifications/page.tsx
+++ b/src/app/(agent)/agent/notifications/page.tsx
@@ -245,6 +245,7 @@ export default function AgentNotificationsPage() {
                       {notification.actionUrl && (
                         <Link
                           href={notification.actionUrl}
+                          onClick={() => { if (!notification.read) markAsRead(notification.id); }}
                           className="font-serif text-[13px] text-[#e58625] hover:text-[#d47720] transition-colors"
                         >
                           View details
diff --git a/src/app/(user)/user/notifications/page.tsx b/src/app/(user)/user/notifications/page.tsx
index 5b6a139..f3b8055 100644
--- a/src/app/(user)/user/notifications/page.tsx
+++ b/src/app/(user)/user/notifications/page.tsx
@@ -237,6 +237,7 @@ export default function UserNotificationsPage() {
                       {notification.actionUrl && (
                         <Link
                           href={notification.actionUrl}
+                          onClick={() => { if (!notification.read) markAsRead(notification.id); }}
                           className="font-serif text-[13px] text-[#e58625] hover:text-[#d47720] transition-colors"
                         >
                           View details