diff --git a/apps/red-ui/src/app/components/notifications/notifications.component.html b/apps/red-ui/src/app/components/notifications/notifications.component.html
index 3b2f42e76..8c739086f 100644
--- a/apps/red-ui/src/app/components/notifications/notifications.component.html
+++ b/apps/red-ui/src/app/components/notifications/notifications.component.html
@@ -11,7 +11,11 @@
             ></iqser-empty-state>
 
             <div *ngFor="let group of groups">
-                <div class="all-caps-label">{{ group.date }}</div>
+                <div class="all-caps-label flex-align-items-center">
+                    <div>{{ group.date }}</div>
+                    <div [hidden]="(hasUnreadNotifications$ | async) === false" (click)="markAllAsRead($event)">View all</div>
+                </div>
+
                 <div
                     (click)="markRead(notification, $event)"
                     *ngFor="let notification of group.notifications | sortBy: 'desc':'creationDate'"
diff --git a/apps/red-ui/src/app/components/notifications/notifications.component.scss b/apps/red-ui/src/app/components/notifications/notifications.component.scss
index 7d292b8b6..ee9d945fe 100644
--- a/apps/red-ui/src/app/components/notifications/notifications.component.scss
+++ b/apps/red-ui/src/app/components/notifications/notifications.component.scss
@@ -15,7 +15,12 @@
         max-height: calc(100vh - 200px);
 
         .all-caps-label {
-            margin: 16px 0 6px 8px;
+            justify-content: space-between;
+            margin: 16px 8px 6px;
+
+            .view-all {
+                cursor: pointer;
+            }
         }
 
         .mat-menu-item.notification {
diff --git a/apps/red-ui/src/app/components/notifications/notifications.component.ts b/apps/red-ui/src/app/components/notifications/notifications.component.ts
index 11a22c6e9..1a8cfd154 100644
--- a/apps/red-ui/src/app/components/notifications/notifications.component.ts
+++ b/apps/red-ui/src/app/components/notifications/notifications.component.ts
@@ -6,7 +6,7 @@ import { UserService } from '@services/user.service';
 import { DossiersService } from '@services/entity-services/dossiers.service';
 import { NotificationsService } from '@services/notifications.service';
 import { Notification } from '@red/domain';
-import { distinctUntilChanged, map } from 'rxjs/operators';
+import { distinctUntilChanged, map, tap } from 'rxjs/operators';
 import { BehaviorSubject, Observable } from 'rxjs';
 
 interface NotificationsGroup {
@@ -46,12 +46,25 @@ export class NotificationsComponent implements OnInit {
         await this._loadData();
     }
 
+    async markAllAsRead($event): Promise<void> {
+        $event.stopPropagation();
+        const notifications = await this._notificationsService.getNotifications(false).toPromise();
+        await this._readNotifications(notifications);
+        await this._loadData();
+    }
+
     async markRead(notification: Notification, $event, isRead = true): Promise<void> {
         $event.stopPropagation();
         await this._notificationsService.toggleNotificationRead([notification.id], isRead).toPromise();
         await this._loadData();
     }
 
+    private async _readNotifications(notifications: Notification[]): Promise<void> {
+        for (const notification of notifications) {
+            await this._notificationsService.toggleNotificationRead([notification.id], true).toPromise();
+        }
+    }
+
     private async _loadData(): Promise<void> {
         const notifications = await this._notificationsService.getNotifications(false).toPromise();
         this._notifications$.next(notifications);