diff --git a/web-app/src/store/modules/about.js b/web-app/src/store/modules/about.js
index 822f2394..05da6331 100644
--- a/web-app/src/store/modules/about.js
+++ b/web-app/src/store/modules/about.js
@@ -42,7 +42,7 @@ export const about = {
           {
             name: 'Chunlei',
             lastname: 'Wu',
-            title: 'Associate Professor',
+            title: 'Professor',
             work_logo: scripps_img,
             work_website: 'https://www.scripps.edu/',
             bio: "Chunlei Wu is an Associate Professor in the Department of Integrative Structure and Computational Biology at Scripps Research. Prior to joining Scripps in July 2011, he was the Research Investigator II at the Genomics Institute of the Novartis Research Foundation (GNF) in San Diego, CA.  More details about Chunlei's lab are available at https://wulab.io.",
diff --git a/web-app/src/store/modules/metakg.js b/web-app/src/store/modules/metakg.js
index b6a694b1..dd148049 100644
--- a/web-app/src/store/modules/metakg.js
+++ b/web-app/src/store/modules/metakg.js
@@ -440,6 +440,9 @@ export const metakg = {
         //     `</span> ➡️ <span class="orange-text">`+output+
         //     `</span></div>`
 
+        // remove apis with the same id for a a given edge
+        let apis = [...new Map(op['api'].map(item => [item['smartapi']['id'], item])).values()];
+
         let edge = {
           ...op,
           group: 'edges',
@@ -456,9 +459,10 @@ export const metakg = {
             target: output,
             // smartapi_id: id,
             // component: op['api'][0]['x-translator']['component'],
-            label: op['api'].length,
-            weight: op['api'].length / 2 < 1 ? 1 : op['api'].length / 2,
-            apis: op['api']
+            label: apis.length,
+            weight: apis.length / 2 < 1 ? 1 : apis.length / 2,
+            // apis: op['api'],
+            apis: apis
           }
         };
         // edge hover tip
diff --git a/web-app/src/views/UI.vue b/web-app/src/views/UI.vue
index b74ccad1..7625d59c 100644
--- a/web-app/src/views/UI.vue
+++ b/web-app/src/views/UI.vue
@@ -34,25 +34,28 @@
       </div>
     </teleport>
     <template v-if="data.ready">
-      <div class="p-1" style="position: absolute; top: 140px; right: 20px; clear: left">
-        <span
-          v-if="data?.api?.info?.['x-trapi']?.version"
-          class="versionBadge pink lighten-2"
-          v-text="'TRAPI ' + data?.api?.info?.['x-trapi']?.version"
-        >
-        </span>
-        <span
-          v-if="data?.api?.info?.['x-translator']?.component"
-          class="versionBadge indigo darken-2"
-          >Translator: {{ data?.api?.info?.['x-translator']?.component }}</span
-        >
-        <span
-          v-if="data?.api?.tags && data?.api?.tags.some((item) => item?.name == 'biothings')"
-          class="versionBadge grey darken-2"
-        >
-          BioThings API
-        </span>
-      </div>
+      <teleport to=".info">
+        <div style="margin-top: 30px;">
+          <span
+            v-if="data?.api?.info?.['x-trapi']?.version"
+            style="margin-left: 0px;"
+            class="versionBadge pink lighten-2"
+            v-text="'TRAPI ' + data?.api?.info?.['x-trapi']?.version"
+          >
+          </span>
+          <span
+            v-if="data?.api?.info?.['x-translator']?.component"
+            class="versionBadge indigo darken-2"
+            >Translator: {{ data?.api?.info?.['x-translator']?.component }}</span
+          >
+          <span
+            v-if="data?.api?.tags && data?.api?.tags.some((item) => item?.name == 'biothings')"
+            class="versionBadge grey darken-2"
+          >
+            BioThings API
+          </span>
+        </div>
+      </teleport>
     </template>
     <div class="grey lighten-5 z-depth-3" id="swagger-ui" style="overflow: hidden"></div>
   </main>