diff --git a/lib/core/src/lib/notifications/components/notification-history.component.html b/lib/core/src/lib/notifications/components/notification-history.component.html
index 8085129315..178a7b58c4 100644
--- a/lib/core/src/lib/notifications/components/notification-history.component.html
+++ b/lib/core/src/lib/notifications/components/notification-history.component.html
@@ -21,12 +21,12 @@
              (click)="$event.stopPropagation()">
             <div mat-subheader role="menuitem">
                 <span>{{ 'NOTIFICATIONS.TITLE' | translate }}</span>
-                <button (click)="markAsRead()"
+                <button *ngIf="notifications.length"
                         id="adf-notification-history-mark-as-read"
-                        mat-button
-                        color="accent"
-                        *ngIf="notifications.length">
-                    {{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}
+                        mat-icon-button
+                        title="{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}"
+                        (click)="markAsRead()">
+                    <mat-icon>done_all</mat-icon>
                 </button>
             </div>