diff --git a/manager2/src/app/admin/projects/projects.component.css b/manager2/src/app/admin/projects/projects.component.css
index 8b137891..8a480cd2 100644
--- a/manager2/src/app/admin/projects/projects.component.css
+++ b/manager2/src/app/admin/projects/projects.component.css
@@ -1 +1,9 @@
-
+.project-name {
+    display: inline-block;
+    max-width: 115px;
+    white-space: nowrap;
+    overflow: hidden; 
+    text-overflow: ellipsis;
+    vertical-align: middle;
+    cursor: pointer;
+  }
diff --git a/manager2/src/app/admin/projects/projects.component.html b/manager2/src/app/admin/projects/projects.component.html
index 5904d77a..9342983f 100644
--- a/manager2/src/app/admin/projects/projects.component.html
+++ b/manager2/src/app/admin/projects/projects.component.html
@@ -195,8 +195,13 @@ <h3>All projects</h3>
       </ng-template>
       <ng-template pTemplate="body" let-project>
         <tr>
-          <td><a routerLink="/admin/project/{{project.id}}"><span class="p-button p-button-sm p-button-primary">{{project.id}}</span></a></td>
-          <td><a routerLink="/user/{{project.owner}}"><span class="p-button p-button-sm p-button-primary">{{project.owner}}</span></a></td>
+          <td>
+            <a routerLink="/admin/project/{{project.id}}">
+              <span class="p-button p-button-sm p-button-primary project-name" [title]="project.id">
+                {{project.id}}
+              </span>
+            </a>
+          </td>          <td><a routerLink="/user/{{project.owner}}"><span class="p-button p-button-sm p-button-primary">{{project.owner}}</span></a></td>
           <td *ngIf="!config.project || config.project.enable_group">{{project.group}}</td>
           <td>{{project.path}}</td>
           <td><span *ngIf="project.current_size">{{project.current_size}}&#47;</span>{{project.size}}