diff --git a/src/views/tristatecheckbox/TriStateCheckboxDemo.vue b/src/views/tristatecheckbox/TriStateCheckboxDemo.vue
index 14fd43860..e9411b1b4 100755
--- a/src/views/tristatecheckbox/TriStateCheckboxDemo.vue
+++ b/src/views/tristatecheckbox/TriStateCheckboxDemo.vue
@@ -10,7 +10,7 @@
 
         <div class="content-section implementation">
             <div class="card">
-                <div class="p-field-checkbox">
+                <div class="p-field-checkbox p-m-0">
                     <TriStateCheckbox v-model="value" />
                     <label>{{value == null ? 'null' : value}}</label>
                 </div>
diff --git a/src/views/tristatecheckbox/TriStateCheckboxDoc.vue b/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
index 58ffdf7fc..b2b02b30a 100755
--- a/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
+++ b/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
@@ -123,7 +123,7 @@ import TriStateCheckbox from 'primevue/tristatecheckbox';
 				</a>
 <CodeHighlight>
 <template v-pre>
-&lt;div class="p-field-checkbox"&gt;
+&lt;div class="p-field-checkbox p-m-0"&gt;
     &lt;TriStateCheckbox v-model="value" /&gt;
     &lt;label&gt;{{value == null ? 'null' : value}}&lt;/label&gt;
 &lt;/div&gt;