diff --git a/site/src/api/api.ts b/site/src/api/api.ts
index f3be2612b61f8..0959a5c79124e 100644
--- a/site/src/api/api.ts
+++ b/site/src/api/api.ts
@@ -2452,6 +2452,10 @@ class ApiMethods {
 			);
 		return res.data;
 	};
+
+	markAllInboxNotificationsAsRead = async () => {
+		await this.axios.put<void>("/api/v2/notifications/inbox/mark-all-as-read");
+	};
 }
 
 // This is a hard coded CSRF token/cookie pair for local development. In prod,
diff --git a/site/src/modules/dashboard/Navbar/NavbarView.tsx b/site/src/modules/dashboard/Navbar/NavbarView.tsx
index 0cb9afb5a7ba6..40f9b0ad3a70b 100644
--- a/site/src/modules/dashboard/Navbar/NavbarView.tsx
+++ b/site/src/modules/dashboard/Navbar/NavbarView.tsx
@@ -69,9 +69,7 @@ export const NavbarView: FC<NavbarViewProps> = ({
 
 				<NotificationsInbox
 					fetchNotifications={API.getInboxNotifications}
-					markAllAsRead={() => {
-						throw new Error("Function not implemented.");
-					}}
+					markAllAsRead={API.markAllInboxNotificationsAsRead}
 					markNotificationAsRead={(notificationId) =>
 						API.updateInboxNotificationReadStatus(notificationId, {
 							is_read: true,
@@ -92,9 +90,7 @@ export const NavbarView: FC<NavbarViewProps> = ({
 			<div className="ml-auto flex items-center gap-3 md:hidden">
 				<NotificationsInbox
 					fetchNotifications={API.getInboxNotifications}
-					markAllAsRead={() => {
-						throw new Error("Function not implemented.");
-					}}
+					markAllAsRead={API.markAllInboxNotificationsAsRead}
 					markNotificationAsRead={(notificationId) =>
 						API.updateInboxNotificationReadStatus(notificationId, {
 							is_read: true,