diff --git a/graph/ui-graph/src/lib/util-cytoscape/project-edge.ts b/graph/ui-graph/src/lib/util-cytoscape/project-edge.ts
index 92c17d930d..8cf748340d 100644
--- a/graph/ui-graph/src/lib/util-cytoscape/project-edge.ts
+++ b/graph/ui-graph/src/lib/util-cytoscape/project-edge.ts
@@ -26,7 +26,7 @@ export class ProjectEdge {
         type: this.dep.type,
       },
     };
-    edge.classes = this.dep.type ?? '';
+    edge.classes += ` ${this.dep.type}` ?? '';
     if (this.affected) {
       edge.classes += ' affected';
     }