diff --git a/src/frontend/app/sidebar/administration/admin-sidebar.component.html b/src/frontend/app/sidebar/administration/admin-sidebar.component.html
index 8db103ab05877ac768c436a0eec62766aa32eaa1..c78d394ee4de54c3607e1fc94dda9dbc5e5fdb2e 100644
--- a/src/frontend/app/sidebar/administration/admin-sidebar.component.html
+++ b/src/frontend/app/sidebar/administration/admin-sidebar.component.html
@@ -10,7 +10,7 @@
       <button *ngIf="checkClose()" class="closePanel" mat-icon-button type="button" (tap)="snavLeftComponent.close();">
         <mat-icon fontSet="fas" fontIcon="fa-arrow-left fa-2x"></mat-icon>
       </button>
-      <div class="user" style="color: #F99830">
+      <div class="user" style="color: #F99830" title="{{authService.user.firstname}} {{authService.user.lastname}}">
         {{authService.user.firstname}} {{authService.user.lastname}}
       </div>
       <div *ngIf="authService.user.picture" class="avatar"
diff --git a/src/frontend/app/sidebar/administration/admin-sidebar.component.scss b/src/frontend/app/sidebar/administration/admin-sidebar.component.scss
index 7249e5b399a31204dd916939ac965406b5ae1638..c13943917e5f10a0791f645f5d8178be8456384d 100644
--- a/src/frontend/app/sidebar/administration/admin-sidebar.component.scss
+++ b/src/frontend/app/sidebar/administration/admin-sidebar.component.scss
@@ -52,6 +52,13 @@
   padding-top: 10px;
   font-weight: bold;
   font-size: 20px;
+  position: absolute;
+  max-width: 250px;
+  right: 0px;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-right: 10px;
 }
 
 .logout-button {
diff --git a/src/frontend/app/sidebar/sidebar.component.html b/src/frontend/app/sidebar/sidebar.component.html
index eded2807d0579490d6be18513aeba7b5e13c40fb..1121f9795118a0dc0fad3886466163ee36ff4904 100755
--- a/src/frontend/app/sidebar/sidebar.component.html
+++ b/src/frontend/app/sidebar/sidebar.component.html
@@ -11,7 +11,7 @@
       <button *ngIf="checkClose()" class="closePanel" mat-icon-button type="button" (tap)="snavLeftComponent.close();">
         <mat-icon fontSet="fas" fontIcon="fa-arrow-left fa-2x"></mat-icon>
       </button>
-      <div class="user" style="color: #F99830">
+      <div class="user" style="color: #F99830" title="{{authService.user.firstname}} {{authService.user.lastname}}">
         {{authService.user.firstname}} {{authService.user.lastname}}
       </div>
       <div *ngIf="authService.user.picture" class="avatar"
diff --git a/src/frontend/app/sidebar/sidebar.component.scss b/src/frontend/app/sidebar/sidebar.component.scss
index cb96e2c7efc19bdacde6433419ae607f34c3e78b..6bbcf33d8e0703fbbed7168327f1d812305f1b42 100644
--- a/src/frontend/app/sidebar/sidebar.component.scss
+++ b/src/frontend/app/sidebar/sidebar.component.scss
@@ -153,6 +153,13 @@
   padding-top: 10px;
   font-weight: bold;
   font-size: 20px;
+  position: absolute;
+  max-width: 250px;
+  right: 0px;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-right: 10px;
 }
 
 .logout-button {