diff --git a/dmp-frontend/src/app/ui/auth/login/login.component.html b/dmp-frontend/src/app/ui/auth/login/login.component.html
index d5c5a2e45..2db4a1167 100644
--- a/dmp-frontend/src/app/ui/auth/login/login.component.html
+++ b/dmp-frontend/src/app/ui/auth/login/login.component.html
@@ -4,37 +4,45 @@
 			<h3 class="card-title title">{{'GENERAL.TITLES.SIGN-IN' | translate}}</h3>
 			<hr class="line">
 
-			<div class="row justify-content-center">
-				<div class="d-flex flex-column">
-					<div *ngIf="hasOpenAireOauth()" class="col-auto pb-4 pr-4">
+			<div class="row justify-content-center pb-4">
+				<div class="flex-column">
+					<div *ngIf="hasOpenAireOauth()" class="col-auto pr-4">
 						<button mat-icon-button (click)="openaireLogin()" class="d-flex justify-content-center">
 							<span class="openaireIcon"></span>
 						</button>
 					</div>
+				</div>
+				<div class="flex-column">
+					<div *ngIf="hasOrcidOauth()" class="col-auto pl-4 pr-4">
+						<button mat-icon-button (click)="orcidLogin()" class="d-flex justify-content-center">
+							<span class="orcidIconMedium"></span>
+						</button>
+					</div>
+				</div>
+				<div class="flex-column">
+					<div *ngIf="hasB2AccessOauth()" class="col-auto pl-4">
+						<button mat-icon-button (click)="b2AccessLogin()" class="d-flex justify-content-center">
+							<span class="iconmedium"></span>
+						</button>
+					</div>
+				</div>
+			</div>
+			<div class="row justify-content-center">
+				<div class="flex-column">
 					<div *ngIf="hasGoogleOauth()" class="col-auto pr-4">
 						<button mat-icon-button id="googleSignInButton" class="d-flex justify-content-center">
 							<span class="googleIcon"></span>
 						</button>
 					</div>
 				</div>
-				<div class="d-flex flex-column">
-					<div *ngIf="hasOrcidOauth()" class="col-auto pl-4 pr-4 pb-4">
-						<button mat-icon-button (click)="orcidLogin()" class="d-flex justify-content-center">
-							<span class="orcidIconMedium"></span>
-						</button>
-					</div>
+				<div class="flex-column">
 					<div *ngIf="hasFacebookOauth()" class="col-auto pl-4 pr-4">
 						<button mat-icon-button (click)="facebookLogin()" class="d-flex justify-content-center">
 							<span class="facebookIcon"></span>
 						</button>
 					</div>
 				</div>
-				<div class="d-flex flex-column">
-					<div *ngIf="hasB2AccessOauth()" class="col-auto pl-4 pb-4">
-						<button mat-icon-button (click)="b2AccessLogin()" class="d-flex justify-content-center">
-							<span class="iconmedium"></span>
-						</button>
-					</div>
+				<div class="flex-column">
 					<div *ngIf="hasTwitterOauth()" class="col-auto pl-4">
 						<button mat-icon-button (click)="twitterLogin()" class="d-flex justify-content-center">
 							<span class="twitterIcon"></span>
diff --git a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation.component.html b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation.component.html
index 33a63c1b8..e96e2f86b 100644
--- a/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation.component.html
+++ b/dmp-frontend/src/app/ui/dmp/invitation/dmp-invitation.component.html
@@ -7,8 +7,7 @@
 			<h1 mat-dialog-title class="title">{{'DMP-LISTING.ACTIONS.INVITE-AUTHORS' | translate}}</h1>
 		</div>
 		<div mat-dialog-content class="row content">
-			<mat-form-field class="col pt-2 pb-2 mb-4">
-				<mat-label></mat-label>
+			<mat-form-field class="col pt-0 pb-2 mb-4" appearance="standard">
 				<app-multiple-auto-complete [formControl]="formGroup.get('users')"
 					placeholder="{{'INVITATION-EDITOR.AUTOCOMPLETE-USER-EMAIL' | translate}}"
 					[configuration]="usersAutoCompleteConfiguration">