diff --git a/src/components/checkbox/Checkbox.css b/src/components/checkbox/Checkbox.css
index 851d5e231..6c0d3a2b0 100755
--- a/src/components/checkbox/Checkbox.css
+++ b/src/components/checkbox/Checkbox.css
@@ -16,6 +16,7 @@
     transition-property: transform;
 }
 
-.p-checkbox-box.p-highlight .p-checkbox-icon {
+.p-checkbox-box.p-highlight .p-checkbox-icon ,
+.p-checkbox-box.p-indeterminate .p-checkbox-icon {
     transform: scale(1);
 }
\ No newline at end of file
diff --git a/src/components/tree/TreeNode.vue b/src/components/tree/TreeNode.vue
index 9bc1f81db..587cc94ba 100755
--- a/src/components/tree/TreeNode.vue
+++ b/src/components/tree/TreeNode.vue
@@ -294,7 +294,7 @@ export default {
             }];
         },
         checkboxClass() {
-            return ['p-checkbox-box', {'p-highlight': this.checked}];
+            return ['p-checkbox-box', {'p-highlight': this.checked, 'p-indeterminate': this.partialChecked}];
         },
         checkboxIcon() {
             return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];
diff --git a/src/components/treetable/TreeTableRow.vue b/src/components/treetable/TreeTableRow.vue
index 3ca3d7f5d..1a08777ae 100755
--- a/src/components/treetable/TreeTableRow.vue
+++ b/src/components/treetable/TreeTableRow.vue
@@ -233,7 +233,7 @@ export default {
             return this.selectionMode === 'checkbox';
         },
         checkboxClass() {
-            return ['p-checkbox-box', {'p-highlight': this.checked, 'p-focus': this.checkboxFocused}];
+            return ['p-checkbox-box', {'p-highlight': this.checked, 'p-focus': this.checkboxFocused, 'p-indeterminate': this.partialChecked}];
         },
         checkboxIcon() {
             return ['p-checkbox-icon', {'pi pi-check': this.checked, 'pi pi-minus': this.partialChecked}];