diff --git a/site/src/modules/notifications/NotificationsInbox/InboxItem.tsx b/site/src/modules/notifications/NotificationsInbox/InboxItem.tsx
index e097a6e296963..0f66f0b71dc21 100644
--- a/site/src/modules/notifications/NotificationsInbox/InboxItem.tsx
+++ b/site/src/modules/notifications/NotificationsInbox/InboxItem.tsx
@@ -40,7 +40,14 @@ export const InboxItem: FC<InboxItemProps> = ({
 					{notification.actions.map((action) => {
 						return (
 							<Button variant="outline" size="sm" key={action.label} asChild>
-								<RouterLink to={action.url}>{action.label}</RouterLink>
+								<RouterLink
+									to={action.url}
+									onClick={() => {
+										onMarkNotificationAsRead(notification.id);
+									}}
+								>
+									{action.label}
+								</RouterLink>
 							</Button>
 						);
 					})}