diff --git a/packages/themes/src/presets/aura/datatable/index.js b/packages/themes/src/presets/aura/datatable/index.js
index 4766d35aa..2c0235551 100644
--- a/packages/themes/src/presets/aura/datatable/index.js
+++ b/packages/themes/src/presets/aura/datatable/index.js
@@ -68,7 +68,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/aura/treetable/index.js b/packages/themes/src/presets/aura/treetable/index.js
index 3d43fc56e..bc4ef28f0 100644
--- a/packages/themes/src/presets/aura/treetable/index.js
+++ b/packages/themes/src/presets/aura/treetable/index.js
@@ -66,7 +66,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/lara/datatable/index.js b/packages/themes/src/presets/lara/datatable/index.js
index 7c7d1a63f..7b06a3667 100644
--- a/packages/themes/src/presets/lara/datatable/index.js
+++ b/packages/themes/src/presets/lara/datatable/index.js
@@ -59,7 +59,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/lara/treetable/index.js b/packages/themes/src/presets/lara/treetable/index.js
index e4c43f13b..618ce96b7 100644
--- a/packages/themes/src/presets/lara/treetable/index.js
+++ b/packages/themes/src/presets/lara/treetable/index.js
@@ -57,7 +57,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/material/datatable/index.js b/packages/themes/src/presets/material/datatable/index.js
index de7c4bb22..3309ff373 100644
--- a/packages/themes/src/presets/material/datatable/index.js
+++ b/packages/themes/src/presets/material/datatable/index.js
@@ -68,7 +68,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/material/treetable/index.js b/packages/themes/src/presets/material/treetable/index.js
index bb2da05b3..74f6129ab 100644
--- a/packages/themes/src/presets/material/treetable/index.js
+++ b/packages/themes/src/presets/material/treetable/index.js
@@ -66,7 +66,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/nora/datatable/index.js b/packages/themes/src/presets/nora/datatable/index.js
index 0cffab1de..0399ce410 100644
--- a/packages/themes/src/presets/nora/datatable/index.js
+++ b/packages/themes/src/presets/nora/datatable/index.js
@@ -68,7 +68,9 @@ export default {
     dropPoint: {
         color: '{primary.color}'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'
diff --git a/packages/themes/src/presets/nora/treetable/index.js b/packages/themes/src/presets/nora/treetable/index.js
index efe357317..7a311e12e 100644
--- a/packages/themes/src/presets/nora/treetable/index.js
+++ b/packages/themes/src/presets/nora/treetable/index.js
@@ -66,7 +66,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    columnResizerWidth: '0.5rem',
+    columnResizer: {
+        width: '0.5rem'
+    },
     resizeIndicator: {
         width: '1px',
         color: '{primary.color}'