diff --git a/app/components/Compare/FacetCard.vue b/app/components/Compare/FacetCard.vue
index 1b69834bb0..447c9d3757 100644
--- a/app/components/Compare/FacetCard.vue
+++ b/app/components/Compare/FacetCard.vue
@@ -1,4 +1,6 @@
@@ -102,7 +95,7 @@ function getShortName(header: string): string {
class="relative font-mono text-xs text-fg-muted truncate flex-shrink-0"
:title="headers[index]"
>
- {{ getShortName(headers[index] ?? '') }}
+ {{ parsePackageSpec(headers[index] ?? '').name }}
diff --git a/app/components/Compare/PackageSelector.vue b/app/components/Compare/PackageSelector.vue
index 2cad026112..b1b5d84e37 100644
--- a/app/components/Compare/PackageSelector.vue
+++ b/app/components/Compare/PackageSelector.vue
@@ -1,4 +1,6 @@
@@ -94,10 +86,7 @@ function parsePackageString(pkg: string): { name: string; version: string } {
└─
-import { encodePackageName } from '#shared/utils/npm'
+import { encodePackageName } from 'npmeta'
const { packages = [], emptyDescription = 'Compare npm packages side-by-side' } = defineProps<{
packages?: string | string[]
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 05b2360b29..dad1417aa2 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -1,4 +1,5 @@