diff --git a/src/views/tabview/TabViewDemo.vue b/src/views/tabview/TabViewDemo.vue
index 8131305b5..b7c8b25f3 100755
--- a/src/views/tabview/TabViewDemo.vue
+++ b/src/views/tabview/TabViewDemo.vue
@@ -28,7 +28,7 @@
             </TabView>
 
             <h3>Programmatic</h3>
-            <div style="padding: .5em 0">
+            <div style="padding: .5rem 0 1rem 0">
                 <Button @click="activate(0)" class="p-button-secondary" label="Activate 1st" />
                 <Button @click="activate(1)" class="p-button-secondary" label="Activate 2nd" />
                 <Button @click="activate(2)" class="p-button-secondary" label="Activate 3rd" />
diff --git a/src/views/tabview/TabViewDoc.vue b/src/views/tabview/TabViewDoc.vue
index 24a4ca8b2..af9389f09 100755
--- a/src/views/tabview/TabViewDoc.vue
+++ b/src/views/tabview/TabViewDoc.vue
@@ -256,7 +256,7 @@ export default {
 &lt;/TabView&gt;
 
 &lt;h3&gt;Programmatic&lt;/h3&gt;
-&lt;div style="padding: .5em 0"&gt;
+&lt;div style="padding: .5rem 0 1rem 0"&gt;
     &lt;Button @click="activate(0)" class="p-button-secondary" label="Activate 1st" /&gt;
     &lt;Button @click="activate(1)" class="p-button-secondary" label="Activate 2nd" /&gt;
     &lt;Button @click="activate(2)" class="p-button-secondary" label="Activate 3rd" /&gt;