diff --git a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
index cd85d6d66..0f4c5b7a7 100644
--- a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
+++ b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
@@ -1,3 +1,5 @@
+
+
drafts
diff --git a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss
index 7cbca544f..6a455971f 100644
--- a/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.scss
@@ -1,3 +1,13 @@
+
+.dropdown-top {
+ width: 0rem;
+ border-bottom: 0.625rem solid #FFFFFF;
+ border-left: 0.625rem solid transparent;
+ border-right: 0.625rem solid transparent;
+ position: fixed;
+ transform: translate(27.65rem, -0.6rem);
+}
+
.inapp-notification-listing-dialog {
padding-top: 0em;
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.ts b/dmp-frontend/src/app/ui/navbar/navbar.component.ts
index e6cfef4fb..e4ca508e0 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.ts
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.ts
@@ -304,9 +304,11 @@ export class NavbarComponent extends BaseComponent implements OnInit {
} else {
this.countUnreadInappNotifications();
this.inAppNotificationDialog = this.dialog.open(MineInAppNotificationListingDialogComponent, {
- position: {
- top: '64px', right: '0px'
- }
+ hasBackdrop: true,
+ autoFocus: false,
+ closeOnNavigation: true,
+ disableClose: false,
+ position: { top: '71px', right: '4.8em' },
});
this.inAppNotificationDialog.afterClosed().pipe(takeUntil(this._destroyed)).subscribe(result => {
this.countUnreadInappNotifications();