diff --git a/src/assets/img/tools/BROWSER.png b/src/assets/img/tools/BROWSER.png
new file mode 100644
index 00000000..c7147ecd
Binary files /dev/null and b/src/assets/img/tools/BROWSER.png differ
diff --git a/src/assets/img/tools/DATABASE.png b/src/assets/img/tools/DATABASE.png
new file mode 100644
index 00000000..043644b7
Binary files /dev/null and b/src/assets/img/tools/DATABASE.png differ
diff --git a/src/assets/img/tools/ELASTICSEARCH.png b/src/assets/img/tools/ELASTICSEARCH.png
new file mode 100644
index 00000000..043644b7
Binary files /dev/null and b/src/assets/img/tools/ELASTICSEARCH.png differ
diff --git a/src/assets/img/tools/GENERAL.png b/src/assets/img/tools/GENERAL.png
new file mode 100644
index 00000000..4f22e976
Binary files /dev/null and b/src/assets/img/tools/GENERAL.png differ
diff --git a/src/assets/img/tools/K8S.png b/src/assets/img/tools/K8S.png
new file mode 100644
index 00000000..f051f5a6
Binary files /dev/null and b/src/assets/img/tools/K8S.png differ
diff --git a/src/assets/img/tools/K8S_SERVICE.png b/src/assets/img/tools/K8S_SERVICE.png
new file mode 100644
index 00000000..f051f5a6
Binary files /dev/null and b/src/assets/img/tools/K8S_SERVICE.png differ
diff --git a/src/assets/img/tools/MESH.png b/src/assets/img/tools/MESH.png
new file mode 100644
index 00000000..fea10bc3
Binary files /dev/null and b/src/assets/img/tools/MESH.png differ
diff --git a/src/assets/img/tools/MESH_CP.png b/src/assets/img/tools/MESH_CP.png
new file mode 100644
index 00000000..fea10bc3
Binary files /dev/null and b/src/assets/img/tools/MESH_CP.png differ
diff --git a/src/assets/img/tools/MESH_DP.png b/src/assets/img/tools/MESH_DP.png
new file mode 100644
index 00000000..fea10bc3
Binary files /dev/null and b/src/assets/img/tools/MESH_DP.png differ
diff --git a/src/assets/img/tools/MONGODB.png b/src/assets/img/tools/MONGODB.png
new file mode 100644
index 00000000..043644b7
Binary files /dev/null and b/src/assets/img/tools/MONGODB.png differ
diff --git a/src/assets/img/tools/MQ.png b/src/assets/img/tools/MQ.png
new file mode 100644
index 00000000..f2bb56fb
Binary files /dev/null and b/src/assets/img/tools/MQ.png differ
diff --git a/src/assets/img/tools/NGINX.png b/src/assets/img/tools/NGINX.png
new file mode 100644
index 00000000..513100ef
Binary files /dev/null and b/src/assets/img/tools/NGINX.png differ
diff --git a/src/assets/img/tools/OS_LINUX.png b/src/assets/img/tools/OS_LINUX.png
new file mode 100644
index 00000000..2cc27c99
Binary files /dev/null and b/src/assets/img/tools/OS_LINUX.png differ
diff --git a/src/assets/img/tools/POSTGRESQL.png b/src/assets/img/tools/POSTGRESQL.png
new file mode 100644
index 00000000..043644b7
Binary files /dev/null and b/src/assets/img/tools/POSTGRESQL.png differ
diff --git a/src/assets/img/tools/RABBITMQ.png b/src/assets/img/tools/RABBITMQ.png
new file mode 100644
index 00000000..f2bb56fb
Binary files /dev/null and b/src/assets/img/tools/RABBITMQ.png differ
diff --git a/src/assets/img/tools/VIRTUAL_CACHE.png b/src/assets/img/tools/VIRTUAL_CACHE.png
new file mode 100644
index 00000000..4f22e976
Binary files /dev/null and b/src/assets/img/tools/VIRTUAL_CACHE.png differ
diff --git a/src/assets/img/tools/VIRTUAL_DATABASE.png b/src/assets/img/tools/VIRTUAL_DATABASE.png
new file mode 100644
index 00000000..4f22e976
Binary files /dev/null and b/src/assets/img/tools/VIRTUAL_DATABASE.png differ
diff --git a/src/assets/img/tools/VIRTUAL_GATEWAY.png b/src/assets/img/tools/VIRTUAL_GATEWAY.png
new file mode 100644
index 00000000..4f22e976
Binary files /dev/null and b/src/assets/img/tools/VIRTUAL_GATEWAY.png differ
diff --git a/src/views/dashboard/related/topology/components/Graph.vue b/src/views/dashboard/related/topology/components/Graph.vue
index c8608129..c55e2fdf 100644
--- a/src/views/dashboard/related/topology/components/Graph.vue
+++ b/src/views/dashboard/related/topology/components/Graph.vue
@@ -32,7 +32,7 @@ limitations under the License. -->
           height="12"
           :x="n.x - 6"
           :y="n.y - 38"
-          :href="!n.type || n.type === `N/A` ? icons.UNDEFINED : icons[n.type.toUpperCase().replace('-', '')]"
+          :href="!n.layer || n.layer === `N/A` ? icons.MESH : icons[n.layer.toUpperCase().replace('-', '')]"
         />
         <text
           class="node-text"
@@ -112,10 +112,11 @@ limitations under the License. -->
   const graph = ref<Nullable<any>>(null);
   const topologyLayout = ref<any>({});
   const graphWidth = ref<number>(100);
+  const graphHeight = ref<number>(100);
   const currentNode = ref<Nullable<Node>>(null);
   const diff = computed(() => [
     (width.value - graphWidth.value - 160) / 2,
-    (height.value - topologyLayout.value.layout.height - 60) / 2,
+    (height.value - graphHeight.value - 60) / 2,
   ]);
   const radius = 10;
 
@@ -137,6 +138,7 @@ limitations under the License. -->
     const levels = computeHierarchyLevels(props.nodes);
     topologyLayout.value = hierarchy(levels, props.calls, radius);
     graphWidth.value = topologyLayout.value.layout.width;
+    graphHeight.value = topologyLayout.value.layout.height;
     const drag: any = d3.drag().on("drag", (d: { x: number; y: number }) => {
       topologyLayout.value.calls = changeNode(d, currentNode.value, topologyLayout.value, radius);
     });