diff --git a/package-lock.json b/package-lock.json
index 4bfc2717..eebfd21f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "d3": "^7.3.0",
         "d3-tip": "^0.9.1",
         "echarts": "^5.2.2",
-        "element-plus": "^2.0.1",
+        "element-plus": "^2.0.2",
         "pinia": "^2.0.5",
         "three": "^0.131.3",
         "three-orbit-controls": "^82.1.0",
@@ -3324,6 +3324,21 @@
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
       "dev": true
     },
+    "node_modules/@types/lodash": {
+      "version": "4.14.178",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.178.tgz",
+      "integrity": "sha512-0d5Wd09ItQWH1qFbEyQ7oTQ3GZrMfth5JkbN3EvTKLXcHLRDSXeLnlvlOn0wvxVIwK5o2M8JzP/OWz7T3NRsbw==",
+      "peer": true
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+      "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+      "peer": true,
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
     "node_modules/@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
@@ -10323,17 +10338,19 @@
       }
     },
     "node_modules/element-plus": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.0.1.tgz",
-      "integrity": "sha512-Cdx3JhbMNGwVsU12DUewIltJ1hUYVSgx2iBB8AuNzzOxAqcxSA9e7p2lfNp8oCBQeh4ThRSaOkdLnJyO4mS3qQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.0.2.tgz",
+      "integrity": "sha512-URjC0HwwiqtlLxqTmHXQ31WXrdAq4ChWyyn52OcQs3PRsnMPfahGVq2AWnfzzlzlhVeI5lY3HQiuB1zDathS+g==",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.0",
         "@element-plus/icons-vue": "^0.2.6",
         "@popperjs/core": "^2.11.2",
-        "@vueuse/core": "^7.5.5",
+        "@vueuse/core": "^7.6.0",
         "async-validator": "^4.0.7",
         "dayjs": "^1.10.7",
         "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.1",
         "memoize-one": "^6.0.0",
         "normalize-wheel-es": "^1.1.1"
       },
@@ -17473,6 +17490,21 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.1.tgz",
+      "integrity": "sha512-Py+twfpWn+2dFQWCuGcp21WiQRwZwnm1cyE3piSt/VtBVKVyxlR58WgOVRzXtmdmDRGJKH8F8GPaA29WK/yK8g==",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -31273,6 +31305,21 @@
       "integrity": "sha512-qcUXuemtEu+E5wZSJHNxUXeCZhAfXKQ41D+duX+VYPde7xyEVZci+/oXKJL13tnRs9lR2pr4fod59GT6/X1/yQ==",
       "dev": true
     },
+    "@types/lodash": {
+      "version": "4.14.178",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.178.tgz",
+      "integrity": "sha512-0d5Wd09ItQWH1qFbEyQ7oTQ3GZrMfth5JkbN3EvTKLXcHLRDSXeLnlvlOn0wvxVIwK5o2M8JzP/OWz7T3NRsbw==",
+      "peer": true
+    },
+    "@types/lodash-es": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.6.tgz",
+      "integrity": "sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==",
+      "peer": true,
+      "requires": {
+        "@types/lodash": "*"
+      }
+    },
     "@types/mime": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
@@ -36877,17 +36924,19 @@
       "dev": true
     },
     "element-plus": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.0.1.tgz",
-      "integrity": "sha512-Cdx3JhbMNGwVsU12DUewIltJ1hUYVSgx2iBB8AuNzzOxAqcxSA9e7p2lfNp8oCBQeh4ThRSaOkdLnJyO4mS3qQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.0.2.tgz",
+      "integrity": "sha512-URjC0HwwiqtlLxqTmHXQ31WXrdAq4ChWyyn52OcQs3PRsnMPfahGVq2AWnfzzlzlhVeI5lY3HQiuB1zDathS+g==",
       "requires": {
         "@ctrl/tinycolor": "^3.4.0",
         "@element-plus/icons-vue": "^0.2.6",
         "@popperjs/core": "^2.11.2",
-        "@vueuse/core": "^7.5.5",
+        "@vueuse/core": "^7.6.0",
         "async-validator": "^4.0.7",
         "dayjs": "^1.10.7",
         "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.1",
         "memoize-one": "^6.0.0",
         "normalize-wheel-es": "^1.1.1"
       }
@@ -42443,6 +42492,17 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "lodash-unified": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.1.tgz",
+      "integrity": "sha512-Py+twfpWn+2dFQWCuGcp21WiQRwZwnm1cyE3piSt/VtBVKVyxlR58WgOVRzXtmdmDRGJKH8F8GPaA29WK/yK8g==",
+      "requires": {}
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
diff --git a/package.json b/package.json
index 06908a5f..eb7a151a 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "d3": "^7.3.0",
     "d3-tip": "^0.9.1",
     "echarts": "^5.2.2",
-    "element-plus": "^2.0.1",
+    "element-plus": "^2.0.2",
     "pinia": "^2.0.5",
     "three": "^0.131.3",
     "three-orbit-controls": "^82.1.0",
diff --git a/src/components/Selector.vue b/src/components/Selector.vue
index e733397b..10823d67 100644
--- a/src/components/Selector.vue
+++ b/src/components/Selector.vue
@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <el-select
-    size
+    :size="size"
     v-model="selected"
     :placeholder="placeholder"
     @change="changeSelected"
@@ -54,7 +54,7 @@ const props = defineProps({
     type: [Array, String] as PropType<string[] | string>,
     default: () => [],
   },
-  size: { type: String, default: "default" },
+  size: { type: [], default: "default" },
   placeholder: { type: String, default: "Select a option" },
   borderRadius: { type: Number, default: 3 },
   multiple: { type: Boolean, default: false },
diff --git a/src/views/dashboard/New.vue b/src/views/dashboard/New.vue
index 7731e0c3..286db407 100644
--- a/src/views/dashboard/New.vue
+++ b/src/views/dashboard/New.vue
@@ -28,7 +28,6 @@ limitations under the License. -->
       <Selector
         v-model="states.selectedLayer"
         :options="states.layers"
-        size="default"
         placeholder="Select a layer"
         @change="changeLayer"
         class="selectors"
@@ -39,7 +38,6 @@ limitations under the License. -->
       <Selector
         v-model="states.entity"
         :options="EntityType"
-        size="default"
         placeholder="Select a entity"
         @change="changeEntity"
         class="selectors"
diff --git a/src/views/dashboard/related/topology/Graph.vue b/src/views/dashboard/related/topology/Graph.vue
index 7fcee38b..4b9267b9 100644
--- a/src/views/dashboard/related/topology/Graph.vue
+++ b/src/views/dashboard/related/topology/Graph.vue
@@ -49,7 +49,7 @@ limitations under the License. -->
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, onBeforeUnmount, reactive, watch } from "vue";
+import { ref, onMounted, onBeforeUnmount, reactive } from "vue";
 import { useI18n } from "vue-i18n";
 import * as d3 from "d3";
 import d3tip from "d3-tip";
@@ -341,7 +341,7 @@ function handleGoAlarm() {
 }
 async function backToTopology() {
   svg.value.selectAll(".topo-svg-graph").remove();
-  const resp = await topologyStore.getServicesTopology();
+  const resp = await getTopology();
 
   if (resp.errors) {
     ElMessage.error(resp.errors);
@@ -365,7 +365,7 @@ async function getTopology() {
     case EntityType[2].value:
       resp = await topologyStore.getEndpointTopology();
       break;
-    case EntityType[3].value:
+    case EntityType[4].value:
       resp = await topologyStore.getInstanceTopology();
       break;
   }
@@ -423,8 +423,8 @@ onBeforeUnmount(() => {
 
   .setting {
     position: absolute;
-    top: 20px;
-    right: 20px;
+    top: 70px;
+    right: 0;
     width: 360px;
     height: 700px;
     background-color: #2b3037;