diff --git a/theme/src/client/components/global/VPCard.vue b/theme/src/client/components/global/VPCard.vue
index 08572ae7..2221f4f0 100644
--- a/theme/src/client/components/global/VPCard.vue
+++ b/theme/src/client/components/global/VPCard.vue
@@ -21,14 +21,14 @@ const iconName = computed<string | { svg: string }>(() => {
 <template>
   <article class="vp-card-wrapper">
     <slot name="title">
-      <p v-if="title || icon" class="title">
+      <header v-if="title || icon" class="title">
         <VPIcon v-if="icon" :name="iconName" />
         <span v-if="title" class="text" v-html="title" />
-      </p>
+      </header>
     </slot>
-    <div class="body">
+    <section class="body">
       <slot />
-    </div>
+    </section>
   </article>
 </template>
 
@@ -68,6 +68,7 @@ const iconName = computed<string | { svg: string }>(() => {
 
 .vp-card-wrapper .title .text {
   flex: 1 2;
+  min-width: 0;
   overflow: hidden;
 }