diff --git a/web/app/(commonLayout)/datasets/new-dataset-card/index.tsx b/web/app/(commonLayout)/datasets/new-dataset-card/index.tsx
index f0d580cbdd..0425a97ab5 100644
--- a/web/app/(commonLayout)/datasets/new-dataset-card/index.tsx
+++ b/web/app/(commonLayout)/datasets/new-dataset-card/index.tsx
@@ -22,7 +22,7 @@ const CreateAppCard = ({
   return (
     <div className='flex min-h-[166px] flex-col gap-y-0.5 rounded-xl bg-background-default-dimmed'>
       <div className='flex grow flex-col items-center justify-center p-2'>
-        <Link href={`${basePath}/datasets/create-pipeline`} Icon={RiFunctionAddLine} text={t('dataset.createFromPipeline')} />
+        <Link href={`${basePath}/datasets/create-from-pipeline`} Icon={RiFunctionAddLine} text={t('dataset.createFromPipeline')} />
         <Link ref={ref} href={`${basePath}/datasets/create`} Icon={RiAddLine} text={t('dataset.createDataset')} />
       </div>
       <div className='border-t-[0.5px] border-divider-subtle p-2'>
diff --git a/web/app/(commonLayout)/datasets/new-dataset-card/link.tsx b/web/app/(commonLayout)/datasets/new-dataset-card/link.tsx
index 906476d0bb..5e356958f8 100644
--- a/web/app/(commonLayout)/datasets/new-dataset-card/link.tsx
+++ b/web/app/(commonLayout)/datasets/new-dataset-card/link.tsx
@@ -1,3 +1,5 @@
+import React from 'react'
+
 type LinkProps = {
   Icon: React.ComponentType<{ className?: string }>
   text: string
@@ -23,4 +25,4 @@ const Link = ({
   )
 }
 
-export default Link
+export default React.memo(Link)