diff --git a/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts b/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts
index 9581803b..c4747052 100644
--- a/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts
+++ b/src/views/dashboard/related/network-profiling/components/Graph/linkProcess.ts
@@ -107,6 +107,13 @@ function computeControlPoint(ps: number[], pe: number[], arc = 0.5) {
   ];
 }
 // Point coordinates of quadratic Bezier curve
+/**
+ * @param t [0, 1]
+ * @param ps start position
+ * @param pc control position
+ * @param pe end position
+ * @returns a position in the line
+ */
 function quadraticBezier(
   t: number,
   ps: { x: number; y: number },
diff --git a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
index 80762e8d..c2a06e42 100644
--- a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
+++ b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
@@ -372,10 +372,10 @@ watch(
 .switch-icon-edit {
   cursor: pointer;
   transition: all 0.5ms linear;
-  background-color: #252a2f99;
-  color: #ddd;
+  border: 1px solid #ccc;
+  color: #666;
   display: inline-block;
-  padding: 5px 8px 8px;
+  padding: 5px;
   border-radius: 3px;
   position: absolute;
   top: 20px;
@@ -388,11 +388,11 @@ watch(
   right: 10px;
   width: 300px;
   height: 160px;
-  background-color: #2b3037;
+  background-color: #666;
   overflow: auto;
   padding: 15px;
   border-radius: 3px;
-  color: #ccc;
+  color: #fff;
   transition: all 0.5ms linear;
 }