diff --git a/frontend/packages/core/hooks/useNavItems.ts b/frontend/packages/core/hooks/useNavItems.ts
index 16695c24a32e72bda590d3875658bd1845d37083..d10590c106b61a99b90ae05a9e52620a3144ef74 100644
--- a/frontend/packages/core/hooks/useNavItems.ts
+++ b/frontend/packages/core/hooks/useNavItems.ts
@@ -29,7 +29,7 @@ export const navMap = {
     image: Pages.Samples,
     graph: Pages.Graphs,
     embeddings: Pages.HighDimensional,
-    'pr-curve': Pages.PRCurve
+    pr_curve: Pages.PRCurve
 } as const;
 
 const useNavItems = () => {
diff --git a/frontend/packages/mock/data/components.ts b/frontend/packages/mock/data/components.ts
index 5808613310aa51d6f16e89fa803aa904ffd43794..b529fb4a2e85f8e36911290bfe0ca3681aebd161 100644
--- a/frontend/packages/mock/data/components.ts
+++ b/frontend/packages/mock/data/components.ts
@@ -1 +1 @@
-export default ['embeddings', 'scalar', 'image', 'graph', 'histogram', 'pr-curve'];
+export default ['embeddings', 'scalar', 'image', 'graph', 'histogram', 'pr_curve'];