diff --git a/app/(datasets)/data-catalog/catalog.tsx b/app/(datasets)/data-catalog/catalog.tsx
index 8e0c50f..6399cae 100644
--- a/app/(datasets)/data-catalog/catalog.tsx
+++ b/app/(datasets)/data-catalog/catalog.tsx
@@ -1,22 +1,21 @@
 'use client';
 import React from 'react';
 import { CatalogView, useFiltersWithQS } from '@lib';
-import { usePathname } from 'next/navigation';
-import Link from 'next/link';
+import { useRouter } from 'next/navigation';
 
 export default function Catalog({ datasets }: { datasets: any }) {
-  const pathname = usePathname();
   const controlVars = useFiltersWithQS();
+  const router = useRouter();
+
+  const handleCardNavigation = (path: string) => {
+    router.push(path);
+  };
 
   return (
     <CatalogView
       datasets={datasets}
       onFilterChanges={() => controlVars}
-      pathname={pathname}
-      linkProperties={{
-        LinkElement: Link,
-        pathAttributeKeyName: 'href',
-      }}
+      onCardNavigate={handleCardNavigation}
     />
   );
 }
diff --git a/package.json b/package.json
index 3c9e1c9..32ab384 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "fix": "yarn run format && yarn run lint:fix"
   },
   "dependencies": {
-    "@developmentseed/veda-ui": "v5.11.3-ph-a",
+    "@developmentseed/veda-ui": "v5.11.3-alpha.0",
     "@devseed-ui/theme-provider": "^4.1.0",
     "@tailwindcss/postcss": "4.0.0-alpha.13",
     "@types/node": "20.11.17",