diff --git a/src/app/layouts/navbar.component.html b/src/app/layouts/navbar.component.html
index 49a70935ec..db48880737 100644
--- a/src/app/layouts/navbar.component.html
+++ b/src/app/layouts/navbar.component.html
@@ -25,7 +25,7 @@
                     <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 overflow-hidden">
-                            {{'loggedInAs' | i18n}}
+                            <span>{{'loggedInAs' | i18n}}</span>
                             <small class="text-muted">{{name}}</small>
                         </div>
                     </div>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 04e57fd2ce..fa999d56b7 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -120,12 +120,12 @@ input, select, textarea {
 
     .dropdown-menu {
         min-width: 200px;
-        max-width: 250px;
+        max-width: 300px;
 
         .dropdown-item-text {
             line-height: 1.3;
 
-            small {
+            span, small {
                 display: block;
                 white-space: nowrap;
                 overflow: hidden;