diff --git a/src/components/Graph.vue b/src/components/Graph.vue
index 4a6523e9..f0069428 100644
--- a/src/components/Graph.vue
+++ b/src/components/Graph.vue
@@ -112,12 +112,17 @@ function instanceEvent() {
       }
       visMenus.value = true;
       const w = chartRef.value.getBoundingClientRect().width || 0;
+      const h = chartRef.value.getBoundingClientRect().height || 0;
       if (w - params.event.offsetX > 125) {
         menus.value.style.left = params.event.offsetX + "px";
       } else {
         menus.value.style.left = params.event.offsetX - 125 + "px";
       }
-      menus.value.style.top = params.event.offsetY + 5 + "px";
+      if (h - params.event.offsetY < 60) {
+        menus.value.style.top = params.event.offsetY - 60 + "px";
+      } else {
+        menus.value.style.top = params.event.offsetY + 5 + "px";
+      }
     });
     document.addEventListener(
       "click",
diff --git a/src/views/dashboard/related/trace/Header.vue b/src/views/dashboard/related/trace/Header.vue
index 8782c7c1..db6e3989 100644
--- a/src/views/dashboard/related/trace/Header.vue
+++ b/src/views/dashboard/related/trace/Header.vue
@@ -138,10 +138,10 @@ async function init() {
   if (!filters.id) {
     state.service = selectorStore.currentService.id;
     if (dashboardStore.entity === EntityType[2].value) {
-      state.instance = selectorStore.currentPod.id;
+      state.endpoint = selectorStore.currentPod.id;
     }
     if (dashboardStore.entity === EntityType[3].value) {
-      state.endpoint = selectorStore.currentPod.id;
+      state.instance = selectorStore.currentPod.id;
     }
     await queryTraces();
     return;