diff --git a/components/lib/card/Card.vue b/components/lib/card/Card.vue
index e2351ed2a..32c5e3d08 100755
--- a/components/lib/card/Card.vue
+++ b/components/lib/card/Card.vue
@@ -4,7 +4,7 @@
             <slot name="header"></slot>
         </div>
         <div :class="cx('body')" v-bind="ptm('body')">
-            <div v-if="$slots.title" :class="cx('title')">
+            <div v-if="$slots.title" :class="cx('title')" v-bind="ptm('title')">
                 <slot name="title"></slot>
             </div>
             <div v-if="$slots.subtitle" :class="cx('subtitle')" v-bind="ptm('subtitle')">
diff --git a/doc/card/AdvancedDoc.vue b/doc/card/AdvancedDoc.vue
index 92f3a941a..068ceaea6 100644
--- a/doc/card/AdvancedDoc.vue
+++ b/doc/card/AdvancedDoc.vue
@@ -5,7 +5,7 @@
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
+                <img alt="user header" class="w-full" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>