diff --git a/packages/primevue/src/datatable/style/DataTableStyle.js b/packages/primevue/src/datatable/style/DataTableStyle.js
index deb48cf180..5ea81379e8 100644
--- a/packages/primevue/src/datatable/style/DataTableStyle.js
+++ b/packages/primevue/src/datatable/style/DataTableStyle.js
@@ -373,6 +373,9 @@ const theme = ({ dt }) => `
 
 .p-datatable-sort-icon {
     color: ${dt('datatable.sort.icon.color')};
+    font-size: ${dt('datatable.sort.icon.size')};
+    width: ${dt('datatable.sort.icon.size')};
+    height: ${dt('datatable.sort.icon.size')};
     transition: color ${dt('datatable.transition.duration')};
 }
 
diff --git a/packages/primevue/src/treetable/style/TreeTableStyle.js b/packages/primevue/src/treetable/style/TreeTableStyle.js
index 365802ff8f..ea1c9f96a0 100644
--- a/packages/primevue/src/treetable/style/TreeTableStyle.js
+++ b/packages/primevue/src/treetable/style/TreeTableStyle.js
@@ -231,6 +231,9 @@ const theme = ({ dt }) => `
 
 .p-treetable-sort-icon {
     color: ${dt('treetable.sort.icon.color')};
+    font-size: ${dt('treetable.sort.icon.size')};
+    width: ${dt('treetable.sort.icon.size')};
+    height: ${dt('treetable.sort.icon.size')};
     transition: color ${dt('treetable.transition.duration')};
 }
 
diff --git a/packages/themes/src/presets/aura/datatable/index.js b/packages/themes/src/presets/aura/datatable/index.js
index 071e67d630..4766d35aab 100644
--- a/packages/themes/src/presets/aura/datatable/index.js
+++ b/packages/themes/src/presets/aura/datatable/index.js
@@ -75,7 +75,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/aura/treetable/index.js b/packages/themes/src/presets/aura/treetable/index.js
index 63de6e6abb..3d43fc56e0 100644
--- a/packages/themes/src/presets/aura/treetable/index.js
+++ b/packages/themes/src/presets/aura/treetable/index.js
@@ -73,7 +73,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/lara/datatable/index.js b/packages/themes/src/presets/lara/datatable/index.js
index 1343e503f0..7c7d1a63f7 100644
--- a/packages/themes/src/presets/lara/datatable/index.js
+++ b/packages/themes/src/presets/lara/datatable/index.js
@@ -66,7 +66,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/lara/treetable/index.js b/packages/themes/src/presets/lara/treetable/index.js
index 915e969c07..e4c43f13b7 100644
--- a/packages/themes/src/presets/lara/treetable/index.js
+++ b/packages/themes/src/presets/lara/treetable/index.js
@@ -64,7 +64,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/material/datatable/index.js b/packages/themes/src/presets/material/datatable/index.js
index 36bf834704..de7c4bb226 100644
--- a/packages/themes/src/presets/material/datatable/index.js
+++ b/packages/themes/src/presets/material/datatable/index.js
@@ -75,7 +75,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/material/treetable/index.js b/packages/themes/src/presets/material/treetable/index.js
index adea4b82df..bb2da05b38 100644
--- a/packages/themes/src/presets/material/treetable/index.js
+++ b/packages/themes/src/presets/material/treetable/index.js
@@ -73,7 +73,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/nora/datatable/index.js b/packages/themes/src/presets/nora/datatable/index.js
index 63c4f58b51..0cffab1dec 100644
--- a/packages/themes/src/presets/nora/datatable/index.js
+++ b/packages/themes/src/presets/nora/datatable/index.js
@@ -75,7 +75,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'
diff --git a/packages/themes/src/presets/nora/treetable/index.js b/packages/themes/src/presets/nora/treetable/index.js
index c728c07580..efe357317d 100644
--- a/packages/themes/src/presets/nora/treetable/index.js
+++ b/packages/themes/src/presets/nora/treetable/index.js
@@ -73,7 +73,8 @@ export default {
     },
     sortIcon: {
         color: '{text.muted.color}',
-        hoverColor: '{text.hover.muted.color}'
+        hoverColor: '{text.hover.muted.color}',
+        size: '0.875rem'
     },
     loadingIcon: {
         size: '2rem'