diff --git a/src/views/dashboard/related/network-profiling/Content.vue b/src/views/dashboard/related/network-profiling/Content.vue
index fc92ec8d..2bcb441d 100644
--- a/src/views/dashboard/related/network-profiling/Content.vue
+++ b/src/views/dashboard/related/network-profiling/Content.vue
@@ -19,7 +19,7 @@ limitations under the License. -->
       <div class="schedules">
         <Schedules />
       </div>
-      <div class="item">
+      <div class="item" v-show="networkProfilingStore.nodes.length">
         <process-topology />
       </div>
     </div>
@@ -29,6 +29,9 @@ limitations under the License. -->
 import Tasks from "./components/Tasks.vue";
 import Schedules from "./components/Schedules.vue";
 import ProcessTopology from "./components/ProcessTopology.vue";
+import { useNetworkProfilingStore } from "@/store/modules/network-profiling";
+
+const networkProfilingStore = useNetworkProfilingStore();
 </script>
 <style lang="scss" scoped>
 .content {
diff --git a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
index 919ce920..1b7e23cb 100644
--- a/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
+++ b/src/views/dashboard/related/network-profiling/components/ProcessTopology.vue
@@ -80,10 +80,10 @@ async function init() {
 
 function drawGraph() {
   const dom = chart.value?.getBoundingClientRect() || {
-    height: 40,
+    height: 20,
     width: 0,
   };
-  height.value = dom.height - 40;
+  height.value = dom.height - 20;
   width.value = dom.width;
   svg.value.attr("height", height.value).attr("width", width.value);
   tip.value = (d3tip as any)().attr("class", "d3-tip").offset([-8, 0]);