diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.html b/dmp-frontend/src/app/ui/navbar/navbar.component.html
index 5d2e04e4e..f29a346e8 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.html
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.html
@@ -32,7 +32,7 @@
 						<app-language (languageChange)="getLanguage($event)" class="d-lg-block d-none"></app-language>
 					</mat-menu>
 				</div>
-				<div class="col-md-auto pl-0" *ngIf="isAuthenticated()">
+				<div class="col-md-auto p-0" *ngIf="isAuthenticated()">
 					<button mat-button [matMenuTriggerFor]="tenantMenu" class="p-0 lang">
 						<mat-icon class="m-0 material-symbols-outlined">tenancy</mat-icon>
 						<mat-icon class="m-0">arrow_drop_down</mat-icon>
@@ -41,29 +41,31 @@
 						<app-tenant-switch class="d-lg-block d-none"></app-tenant-switch>
 					</mat-menu>	
 				</div>
-				<div class="col-auto" *ngIf="isAuthenticated() && authentication.hasPermission(authentication.permissionEnum.ViewMineInAppNotificationPage)">
+				<div class="col-auto p-0" *ngIf="isAuthenticated() && authentication.hasPermission(authentication.permissionEnum.ViewMineInAppNotificationPage)">
 					<mat-menu #languageMenu="matMenu" class="nav-mat-menu">
 						<app-language (languageChange)="getLanguage($event)"></app-language>
 					</mat-menu>
-					<button class="col-auto" mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()">
+					<button mat-icon-button matTooltip="{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}" (click)="toggleInAppNotifications()">
 						<mat-icon [matBadge]="inAppNotificationCount" [matBadgeHidden]="inAppNotificationCount <= 0" matBadgeColor="warn">mail</mat-icon>
 					</button>
 				</div>
 
 				<!-- <app-search></app-search> -->
+				<div class="col-auto">
+					<ul class="navbar-nav">
+						<!-- Login -->
+						<li class="nav-item" *ngIf="this.isAuthenticated();else loginoption">
+							<img mat-card-avatar class="my-mat-card-avatar" [src]="getPrincipalAvatar() ?? getDefaultAvatar()" (error)="this.applyFallbackAvatar($event)" (click)="openProfile()" [matTooltip]="this.getPrincipalName()">
+							<!--<img mat-card-avatar class="my-mat-card-avatar" *ngIf="!this.principalHasAvatar()" [src]="this.getDefaultAvatar()" (click)="openProfile()"> -->
+						</li>
+						<ng-template #loginoption>
+							<button mat-button [routerLink]=" ['/login'] ">
+								<span class="login-label">{{ 'GENERAL.ACTIONS.LOG-IN' | translate }}</span>
+							</button>
+						</ng-template>
+					</ul>
+				</div>
 
-				<ul class="navbar-nav">
-					<!-- Login -->
-					<li class="nav-item" *ngIf="this.isAuthenticated();else loginoption">
-						<img mat-card-avatar class="my-mat-card-avatar" [src]="getPrincipalAvatar() ?? getDefaultAvatar()" (error)="this.applyFallbackAvatar($event)" (click)="openProfile()" [matTooltip]="this.getPrincipalName()">
-						<!--<img mat-card-avatar class="my-mat-card-avatar" *ngIf="!this.principalHasAvatar()" [src]="this.getDefaultAvatar()" (click)="openProfile()"> -->
-					</li>
-					<ng-template #loginoption>
-						<button mat-button [routerLink]=" ['/login'] ">
-							<span class="login-label">{{ 'GENERAL.ACTIONS.LOG-IN' | translate }}</span>
-						</button>
-					</ng-template>
-				</ul>
 			</div>
 
 			<mat-menu #toggleMenu="matMenu">