diff --git a/dmp-frontend/src/app/ui/misc/navigation/navigation.component.ts b/dmp-frontend/src/app/ui/misc/navigation/navigation.component.ts
index 60daecb04..5ef95ef24 100644
--- a/dmp-frontend/src/app/ui/misc/navigation/navigation.component.ts
+++ b/dmp-frontend/src/app/ui/misc/navigation/navigation.component.ts
@@ -109,7 +109,8 @@ export class NavigationComponent extends BaseComponent implements OnInit {
 			autoFocus: false,
 			closeOnNavigation: true,
 			disableClose: false,
-			position: { top: '64px', right: '1em' }
+			position: { top: '64px', right: '1em' },
+			panelClass: 'custom-userbox'
 		});
 	}
 
diff --git a/dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.scss b/dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.scss
index 0dc3837d6..b91d2e12f 100644
--- a/dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.scss
+++ b/dmp-frontend/src/app/ui/misc/navigation/user-dialog/user-dialog.component.scss
@@ -48,13 +48,6 @@ $mat-card-header-size: 40px !default;
 	background-color: #ddd;
 }
 
-::ng-deep .mat-dialog-container {
-  background-color: transparent;
-  padding: 0rem;
-  overflow: initial;
-  box-shadow: none;
-}
-
 .check-icon {
   color: #129D99;
   transform: scale(0.7);
diff --git a/dmp-frontend/src/app/ui/navbar/navbar.component.ts b/dmp-frontend/src/app/ui/navbar/navbar.component.ts
index 6199a6a1a..3462306ce 100644
--- a/dmp-frontend/src/app/ui/navbar/navbar.component.ts
+++ b/dmp-frontend/src/app/ui/navbar/navbar.component.ts
@@ -224,7 +224,8 @@ export class NavbarComponent extends BaseComponent implements OnInit {
 			autoFocus: false,
 			closeOnNavigation: true,
 			disableClose: false,
-			position: { top: '64px', right: '1em' }
+			position: { top: '64px', right: '1em' },
+			panelClass: 'custom-userbox'
 		});
 	}
 
diff --git a/dmp-frontend/src/app/ui/sidebar/sidebar.component.ts b/dmp-frontend/src/app/ui/sidebar/sidebar.component.ts
index c54b9b0a9..8add24259 100644
--- a/dmp-frontend/src/app/ui/sidebar/sidebar.component.ts
+++ b/dmp-frontend/src/app/ui/sidebar/sidebar.component.ts
@@ -230,7 +230,8 @@ export class SidebarComponent implements OnInit {
 			autoFocus: false,
 			closeOnNavigation: true,
 			disableClose: false,
-			position: { top: '64px', right: '1em' }
+			position: { top: '64px', right: '1em' },
+			panelClass: 'custom-userbox'
 		});
 	}
 
diff --git a/dmp-frontend/src/styles.scss b/dmp-frontend/src/styles.scss
index 32cca66b9..660fa6e4a 100644
--- a/dmp-frontend/src/styles.scss
+++ b/dmp-frontend/src/styles.scss
@@ -182,3 +182,10 @@
 ::ng-deep .mat-form-field-appearance-outline .mat-form-field-infix {
 	padding: 0.3rem 0rem 0.6rem 0rem !important;
 }
+
+.custom-userbox > mat-dialog-container {
+	background-color: transparent;
+	padding: 0rem;
+	overflow: initial;
+	box-shadow: none;
+}