[DATALAB-2164]: Adjusted group_tag according to the tags of the other pages
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
index 100e859..05efd9c 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
@@ -27,7 +27,7 @@
     <th mat-header-cell *matHeaderCellDef class="groups"> Group </th>
     <td mat-cell *matCellDef="let element" class="groups">
       <mat-chip-list>
-        <mat-chip *ngFor="let group of element.groups">{{ group }}</mat-chip>
+        <mat-chip *ngFor="let group of element.groups" [matTooltip]="group" matTooltipPosition="above">{{ group }}</mat-chip>
       </mat-chip-list>
     </td>
   </ng-container>
diff --git a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
index 69190e0..7fe6613 100644
--- a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
+++ b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
@@ -152,6 +152,13 @@
   padding: 10px 15px;
 }
 
+.mat-chip{
+  max-width: 200px !important;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: inline-block;
+}
+