diff --git a/src/.vitepress/theme/components/CustomHomeFeature.vue b/src/.vitepress/theme/components/CustomHomeFeature.vue
index 0dd8298..d6993f1 100644
--- a/src/.vitepress/theme/components/CustomHomeFeature.vue
+++ b/src/.vitepress/theme/components/CustomHomeFeature.vue
@@ -39,14 +39,16 @@ const handleClick = (event: Event) => {
 </script>
 
 <template>
-  <Component :is="!disabled && link ? VPLink : 'article'" v-bind="{ ...(!disabled && link && { href: link }) }"
+  <Component :is="!disabled && link ? VPLink : 'article'"
     :class="classes" @click="handleClick">
     <CustomAvatar :class="$style.CustomFeatureIcon" :icon="icon as Icons" />
   
     <div :class="$style.CustomFeatureContent">
-      <a :class="$style.CustomFeatureTitle" :href="link">
-        {{ title }}
-      </a>
+     <Component :is="!disabled && link ? VPLink : 'article'" v-bind="{ ...(!disabled && link && { href: link }) }">
+        <p :class="$style.CustomFeatureTitle" :href="`/docs${link}`">
+          {{ title }}
+        </p>
+      </Component>
       <div :class="$style.CustomFeatureContainer">
         <div v-for="(item, i) in items" :key="i">
           <Component :is="!disabled && item.link ? VPLink : 'article'" v-bind="{ ...(!disabled && item.link && { href: item.link }) }">