diff --git a/src/views/dashboard/related/network-profiling/Content.vue b/src/views/dashboard/related/network-profiling/Content.vue
index 4f9ca294..445448f7 100644
--- a/src/views/dashboard/related/network-profiling/Content.vue
+++ b/src/views/dashboard/related/network-profiling/Content.vue
@@ -48,11 +48,11 @@ const { t } = useI18n();
   min-width: 700px;
   overflow: auto;
   position: relative;
-  width: calc(100% - 300px);
+  width: calc(100% - 320px);
 }
 
 .text {
-  width: calc(100% - 300px);
+  width: calc(100% - 320px);
   text-align: center;
   margin-top: 30px;
 }
diff --git a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
index 4afc2f4d..2c2552f8 100644
--- a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
+++ b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
@@ -111,7 +111,7 @@ function drawGraph() {
     (d: ProcessNode) => d.serviceInstanceId !== selectorStore.currentPod.id
   );
   if (outNodes.length) {
-    diff.value[0] = (dom.width - radius * 3) / 2 + radius;
+    diff.value[0] = (dom.width - radius * 4) / 2 + radius;
   } else {
     diff.value[0] = (dom.width - radius * 2) / 2 + radius;
   }
@@ -208,7 +208,7 @@ function createLayout() {
     .attr("y", p.radius)
     .text(() => selectorStore.currentPod.label);
   const nodeArr = networkProfilingStore.nodes.filter(
-    (d: ProcessNode) => d.serviceInstanceId === selectorStore.currentPod.id
+    (d: ProcessNode) => d.isReal || d.name === "UNKNOWN_LOCAL"
   );
   const count = nodeArr.length;
   // layout
@@ -268,7 +268,7 @@ function createLayout() {
     nodeArr[v].y = y;
   }
   const outNodes = networkProfilingStore.nodes.filter(
-    (d: ProcessNode) => d.serviceInstanceId !== selectorStore.currentPod.id
+    (d: ProcessNode) => !(d.isReal || d.name === "UNKNOWN_LOCAL")
   );
   let angle = 10;
   let r = 230;
@@ -279,9 +279,10 @@ function createLayout() {
     angle = angle + 20;
     if (angle * (v + 1) > 120) {
       angle = -10;
+      r = r + 60;
     }
     if (angle * (v + 1) < -120) {
-      r = r + 20;
+      r = r + 60;
       angle = 10;
     }
   }
diff --git a/src/views/dashboard/related/network-profiling/components/Tasks.vue b/src/views/dashboard/related/network-profiling/components/Tasks.vue
index 8dee6cc7..6f0f600a 100644
--- a/src/views/dashboard/related/network-profiling/components/Tasks.vue
+++ b/src/views/dashboard/related/network-profiling/components/Tasks.vue
@@ -62,14 +62,6 @@ limitations under the License. -->
               }"
             >
               <div class="ell">
-                <span>
-                  {{ i.targetType }}
-                </span>
-                <a class="profile-btn r" @click="viewDetail = true">
-                  <Icon iconName="view" size="middle" />
-                </a>
-              </div>
-              <div class="grey ell sm">
                 <span class="mr-10 sm">
                   {{ dateFormat(i.taskStartTime) }}
                 </span>
@@ -78,6 +70,9 @@ limitations under the License. -->
                     dateFormat(i.taskStartTime + i.fixedTriggerDuration * 1000)
                   }}
                 </span>
+                <a class="profile-btn r" @click="viewDetail = true">
+                  <Icon iconName="view" size="middle" />
+                </a>
               </div>
             </td>
           </tr>
@@ -218,7 +213,7 @@ watch(
 </script>
 <style lang="scss" scoped>
 .profile-task-list {
-  width: 300px;
+  width: 320px;
   height: calc(100% - 10px);
   overflow: auto;
   border-right: 1px solid rgba(0, 0, 0, 0.1);
@@ -229,7 +224,7 @@ watch(
 }
 
 .profile-td {
-  padding: 5px 10px;
+  padding: 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.07);
 
   &.selected {