diff --git a/packages/blog/.vitepress/theme/components/VPPost.vue b/packages/blog/.vitepress/theme/components/VPPost.vue
index 35cf90425a..60caa4f749 100644
--- a/packages/blog/.vitepress/theme/components/VPPost.vue
+++ b/packages/blog/.vitepress/theme/components/VPPost.vue
@@ -22,7 +22,7 @@ const { page, frontmatter } = useData()
       </li>
     </ul>
     <Content
-      class="VPPost__content vp-doc prose dark:prose-invert hover:prose-a:decoration-dotted prose-a:break-all mt-8 max-w-full flex-grow"
+      class="VPPost__content vp-doc prose dark:prose-invert prose-a:break-all prose-a:hover:decoration-dotted mt-8 max-w-full flex-grow"
     />
     <hr class="mt-12 w-2/4" />
   </div>
diff --git a/packages/blog/.vitepress/theme/components/VPScrap.vue b/packages/blog/.vitepress/theme/components/VPScrap.vue
index 6b78e8bc0f..80cdc11458 100644
--- a/packages/blog/.vitepress/theme/components/VPScrap.vue
+++ b/packages/blog/.vitepress/theme/components/VPScrap.vue
@@ -51,7 +51,7 @@ const bodies = computed(() => [scrap.value, ...scrap.value.comments])
         <article :id="item.id" class="relative mx-8 my-3 flex flex-col">
           <!-- eslint-disable vue/no-v-html -->
           <div
-            class="VPPost__content vp-doc prose dark:prose-invert hover:prose-a:decoration-dotted prose-a:break-all mt-4 max-w-full flex-grow"
+            class="VPPost__content vp-doc prose dark:prose-invert prose-a:hover:decoration-dotted prose-a:break-all mt-4 max-w-full flex-grow"
             v-html="item.body"
           />
           <!-- eslint-enable vue/no-v-html -->