diff --git a/gui/ngXosViews/serviceTopology/src/css/serviceTopology.css b/gui/ngXosViews/serviceTopology/src/css/serviceTopology.css
index 4bb0b99..6dad523 100644
--- a/gui/ngXosViews/serviceTopology/src/css/serviceTopology.css
+++ b/gui/ngXosViews/serviceTopology/src/css/serviceTopology.css
@@ -4,7 +4,7 @@
     display: block;
 }
 
-service-canvas select.subscriber-select{
+service-canvas .subscriber-select{
     z-index: 1000;
     position: absolute;
     width: 200px;
@@ -17,6 +17,19 @@
     top: 0;
 }
 
+/* LEGEND */
+
+.legend {
+    fill: #fff;
+    stroke: #ccc;
+    stroke-width: 1px;
+    position: relative;
+}
+
+.legend text {
+    stroke: #000;
+}
+
 .node {
     cursor: pointer;
 }
@@ -29,7 +42,7 @@
 
 .node.subscriber circle,
 .node.internet circle {
-    stroke: #ffdb07;
+    stroke: #05ffcb;
 }
 
 .node.slice circle {
@@ -37,7 +50,7 @@
 }
 
 .node.instance circle {
-    stroke: #ea25ff;
+    stroke: #ff8b00;
 }
 
 .node rect.slice-detail{
@@ -56,10 +69,12 @@
     stroke-width: 2px;
 }
 
-.link.slice,
-.link.instance {
+.link.slice {
     stroke: rgba(157, 4, 183, 0.29);
 }
+.link.instance{
+    stroke: rgba(255, 138, 0, 0.65);
+}
 
 .service-details{
     width: 200px;