diff --git a/packages/themes/src/presets/aura/treeselect/index.js b/packages/themes/src/presets/aura/treeselect/index.js
index 6e0f5080b..d74bbb56e 100644
--- a/packages/themes/src/presets/aura/treeselect/index.js
+++ b/packages/themes/src/presets/aura/treeselect/index.js
@@ -49,6 +49,9 @@ export default {
     tree: {
         padding: '{list.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     emptyMessage: {
         padding: '{list.option.padding}'
     },
diff --git a/packages/themes/src/presets/material/treeselect/index.js b/packages/themes/src/presets/material/treeselect/index.js
index 169ac4a0e..33f84b361 100644
--- a/packages/themes/src/presets/material/treeselect/index.js
+++ b/packages/themes/src/presets/material/treeselect/index.js
@@ -55,6 +55,9 @@ export default {
     chip: {
         borderRadius: '{border.radius.sm}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     css: ({ dt }) => `
 .p-treeselect.p-variant-filled {
     border-bottom-left-radius: 0;
diff --git a/packages/themes/src/presets/nora/treeselect/index.js b/packages/themes/src/presets/nora/treeselect/index.js
index eed15366d..86acc20bf 100644
--- a/packages/themes/src/presets/nora/treeselect/index.js
+++ b/packages/themes/src/presets/nora/treeselect/index.js
@@ -49,6 +49,9 @@ export default {
     tree: {
         padding: '{list.padding}'
     },
+    clearIcon: {
+        color: '{form.field.icon.color}'
+    },
     emptyMessage: {
         padding: '{list.option.padding}'
     },