diff --git a/src/app/components/network-legend/network-legend.component.html b/src/app/components/network-legend/network-legend.component.html
index 6a394eec473cb536ec41687a7a1bc736163f8bec..8f53ebdc28e46e344aa6ed37d2a2998394acec9c 100644
--- a/src/app/components/network-legend/network-legend.component.html
+++ b/src/app/components/network-legend/network-legend.component.html
@@ -10,7 +10,7 @@
           <td>
             <img [src]="nodeGroup.value.image" class="legend-icon"/>
           </td>
-          <td>&nbsp;{{ nodeGroup.value.name }}</td>
+          <td>&nbsp;{{ nodeGroup.value.groupName }}</td>
         </ng-container>
 
         <ng-container *ngIf="!nodeGroup.value.image">
@@ -30,7 +30,7 @@
             >
             </span>
           </td>
-          <td>&nbsp;{{ nodeGroup.value.name }}</td>
+          <td>&nbsp;{{ nodeGroup.value.groupName }}</td>
         </ng-container>
 
       </tr>
@@ -41,7 +41,7 @@
         <td>
           <hr class="edge" [style.background-color]=edgeGroup.value.color>
         </td>
-        <td>&nbsp;{{ edgeGroup.value.name }}</td>
+        <td>&nbsp;{{ edgeGroup.value.groupName }}</td>
       </tr>
     </ng-container>
   </table>