diff --git a/components/lib/card/Card.vue b/components/lib/card/Card.vue
index 63e4115c6..8111a4c07 100755
--- a/components/lib/card/Card.vue
+++ b/components/lib/card/Card.vue
@@ -1,19 +1,19 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')">
-        <div v-if="$slots.header" :class="cx('header')" v-bind="ptm('header')">
+    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="card" data-pc-section="root">
+        <div v-if="$slots.header" :class="cx('header')" v-bind="ptm('header')" data-pc-section="header">
             <slot name="header"></slot>
         </div>
-        <div :class="cx('body')" v-bind="ptm('body')">
-            <div v-if="$slots.title" :class="cx('title')" v-bind="ptm('title')">
+        <div :class="cx('body')" v-bind="ptm('body')" data-pc-section="body">
+            <div v-if="$slots.title" :class="cx('title')" v-bind="ptm('title')" data-pc-section="title">
                 <slot name="title"></slot>
             </div>
-            <div v-if="$slots.subtitle" :class="cx('subtitle')" v-bind="ptm('subtitle')">
+            <div v-if="$slots.subtitle" :class="cx('subtitle')" v-bind="ptm('subtitle')" data-pc-section="subtitle">
                 <slot name="subtitle"></slot>
             </div>
-            <div :class="cx('content')" v-bind="ptm('content')">
+            <div :class="cx('content')" v-bind="ptm('content')" data-pc-section="content">
                 <slot name="content"></slot>
             </div>
-            <div v-if="$slots.footer" :class="cx('footer')" v-bind="ptm('footer')">
+            <div v-if="$slots.footer" :class="cx('footer')" v-bind="ptm('footer')" data-pc-section="footer">
                 <slot name="footer"></slot>
             </div>
         </div>
diff --git a/components/lib/divider/Divider.vue b/components/lib/divider/Divider.vue
index ad5585cd7..3dd5b7bdc 100644
--- a/components/lib/divider/Divider.vue
+++ b/components/lib/divider/Divider.vue
@@ -1,6 +1,6 @@
 <template>
-    <div :class="cx('root')" role="separator" :aria-orientation="layout" v-bind="ptm('root')">
-        <div v-if="$slots.default" :class="cx('content')" v-bind="ptm('content')">
+    <div :class="cx('root')" role="separator" :aria-orientation="layout" v-bind="ptm('root')" data-pc-name="divider" data-pc-section="root">
+        <div v-if="$slots.default" :class="cx('content')" v-bind="ptm('content')" data-pc-name="content">
             <slot></slot>
         </div>
     </div>