diff --git a/frontend/src/components/PackageInfo/PackageDependency.vue b/frontend/src/components/PackageInfo/PackageDependency.vue
index e303973..f631559 100644
--- a/frontend/src/components/PackageInfo/PackageDependency.vue
+++ b/frontend/src/components/PackageInfo/PackageDependency.vue
@@ -1,4 +1,6 @@
 <script setup>
+import { getTrueName } from '@/utils/dependexpr'
+
 const props = defineProps({
   name: String,
   type: String,
@@ -18,5 +20,5 @@ function generatePackageLinkUrl(name, dist) {
 </script>
 
 <template>
-  <p><a :href="generatePackageLinkUrl(name, dist)">{{ name }}</a><span v-if="type !== 'dep'"> ({{ type }})</span></p>
+  <p><a :href="generatePackageLinkUrl(getTrueName(name), dist)">{{ getTrueName(name) }}</a>{{ name.substring(getTrueName(name).length) }}<span v-if="type !== 'dep'"> ({{ type }})</span></p>
 </template>
diff --git a/frontend/src/utils/dependexpr.js b/frontend/src/utils/dependexpr.js
new file mode 100644
index 0000000..e8520e8
--- /dev/null
+++ b/frontend/src/utils/dependexpr.js
@@ -0,0 +1,3 @@
+export function getTrueName(nameexpr) {
+  return /^[\w\d\-]+/.exec(nameexpr)[0]
+}
diff --git a/frontend/src/views/Package.vue b/frontend/src/views/Package.vue
index 4532e00..247798a 100644
--- a/frontend/src/views/Package.vue
+++ b/frontend/src/views/Package.vue
@@ -11,6 +11,7 @@ import moment from 'moment'
 import { requestPackageInfo, requestPackageList } from '@/api'
 import { calculateSize } from '@/utils/sizing'
 import { formatPackager } from '@/utils/packager'
+import { getTrueName } from '@/utils/dependexpr'
 
 const route = useRoute()
 
@@ -36,7 +37,7 @@ requestPackageInfo(route.params.packageName)
     requestPackageList()
       .then((list) => {
         function mapPackageDistribution(pkg) {
-          if (list.find(dep => dep === pkg)) {
+          if (list.find(dep => dep === getTrueName(pkg))) {
             return { name: pkg, dist: 'bioarch' }
           }
           else {