diff --git a/src/app/layouts/navbar.component.html b/src/app/layouts/navbar.component.html
index ea541eb399..49a70935ec 100644
--- a/src/app/layouts/navbar.component.html
+++ b/src/app/layouts/navbar.component.html
@@ -24,7 +24,7 @@
                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-profile">
                     <div class="dropdown-item-text d-flex align-items-center" *ngIf="name" appStopProp>
                         <app-avatar [data]="name" width="25" height="25" fontSize="14" [circle]="true"></app-avatar>
-                        <div class="ml-2">
+                        <div class="ml-2 overflow-hidden">
                             {{'loggedInAs' | i18n}}
                             <small class="text-muted">{{name}}</small>
                         </div>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 899fff6f31..70d9c3593a 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -701,3 +701,7 @@ img.logo {
 .min-height-fix {
     min-height: 1px;
 }
+
+.overflow-hidden {
+    overflow: hidden;
+}