diff --git a/components/lib/tristatecheckbox/TriStateCheckbox.d.ts b/components/lib/tristatecheckbox/TriStateCheckbox.d.ts
index 04ba9e695..5dde0de83 100755
--- a/components/lib/tristatecheckbox/TriStateCheckbox.d.ts
+++ b/components/lib/tristatecheckbox/TriStateCheckbox.d.ts
@@ -33,7 +33,7 @@ export interface TriStateCheckboxPassThroughOptions {
     /**
      * Uses to pass attributes to the checkbox box's DOM element.
      */
-    checbox?: TriStateCheckboxPassThroughOptionType;
+    checkbox?: TriStateCheckboxPassThroughOptionType;
     /**
      * Uses to pass attributes to the check icon's DOM element.
      */
diff --git a/components/lib/tristatecheckbox/TriStateCheckbox.vue b/components/lib/tristatecheckbox/TriStateCheckbox.vue
index 067fa80fe..d22027461 100755
--- a/components/lib/tristatecheckbox/TriStateCheckbox.vue
+++ b/components/lib/tristatecheckbox/TriStateCheckbox.vue
@@ -17,7 +17,7 @@
             />
         </div>
         <span class="p-sr-only" aria-live="polite" v-bind="ptm('srOnlyAria')">{{ ariaValueLabel }}</span>
-        <div ref="box" :class="['p-checkbox-box', { 'p-highlight': modelValue != null, 'p-disabled': disabled, 'p-focus': focused }]" v-bind="getPTOptions('checbox')">
+        <div ref="box" :class="['p-checkbox-box', { 'p-highlight': modelValue != null, 'p-disabled': disabled, 'p-focus': focused }]" v-bind="getPTOptions('checkbox')">
             <slot v-if="modelValue === true" name="checkicon">
                 <component :is="'CheckIcon'" class="p-checkbox-icon" v-bind="ptm('checkIcon')" />
             </slot>
diff --git a/doc/tristatecheckbox/pt/PTDoc.vue b/doc/tristatecheckbox/pt/PTDoc.vue
index 1982b66ca..2cd927ad4 100644
--- a/doc/tristatecheckbox/pt/PTDoc.vue
+++ b/doc/tristatecheckbox/pt/PTDoc.vue
@@ -4,7 +4,7 @@
         <TriStateCheckbox
             v-model="value"
             :pt="{
-                checbox: {
+                checkbox: {
                     class: value ? 'bg-teal-500 border-white' : undefined
                 }
             }"
@@ -24,7 +24,7 @@ export default {
 <TriStateCheckbox
     v-model="value"
     :pt="{
-        checbox: {
+        checkbox: {
             class: value ? 'bg-teal-500 border-white' : undefined
         }
     }"
@@ -35,7 +35,7 @@ export default {
         <TriStateCheckbox
             v-model="value"
             :pt="{
-                checbox: {
+                checkbox: {
                     class: value ? 'bg-teal-500 border-white' : undefined
                 }
             }"
@@ -59,7 +59,7 @@ export default {
         <TriStateCheckbox
             v-model="value"
             :pt="{
-                checbox: {
+                checkbox: {
                     class: value ? 'bg-teal-500 border-white' : undefined
                 }
             }"