diff --git a/dmp-frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html b/dmp-frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
index ad04ae659..6336e9f4a 100644
--- a/dmp-frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
+++ b/dmp-frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
@@ -3,18 +3,20 @@
 	<div class="row">
 		<div class="col-12">
 			<mat-nav-list class="inapp-notification-listing-dialog">
-				<a *ngFor="let inappNotification of inappNotifications; last as last;" mat-list-item (click)="goToNotification(inappNotification)">
-					<div class="d-flex justify-content-between">
-						<div class="d-flex">
-							<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon class="mr-3">drafts</mat-icon>
-							<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon class="mr-3">mail</mat-icon>
-							<span mat-line>{{ inappNotification.subject | sumarizeText:21 }}</span>
+				<ng-container *ngFor="let inappNotification of inappNotifications; last as last;">
+					<a mat-list-item (click)="goToNotification(inappNotification)">
+						<div class="d-flex justify-content-between">
+							<div class="d-flex">
+								<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon class="mr-3">drafts</mat-icon>
+								<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon class="mr-3">mail</mat-icon>
+								<span mat-line class="mt-1">{{ inappNotification.subject | sumarizeText:18 }}</span>
+							</div>
+							
+							<span mat-line class="mt-1 secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
 						</div>
-						
-						<span mat-line class="secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
-						<mat-divider inset *ngIf="!last"></mat-divider>
-					</div>
-				</a>
+					</a>
+					<mat-divider *ngIf="!last"></mat-divider>
+				</ng-container>
 				<a *ngIf="authService.hasPermission(authService.permissionEnum.ViewMineInAppNotificationPage)" (click)="goToNotifications()">
 					<mat-list-item>{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}</mat-list-item>
 				</a>