diff --git a/apps/showcase/doc/common/apidoc/index.json b/apps/showcase/doc/common/apidoc/index.json
index 3c91551d7..8252d6830 100644
--- a/apps/showcase/doc/common/apidoc/index.json
+++ b/apps/showcase/doc/common/apidoc/index.json
@@ -76645,12 +76645,12 @@
                             "description": "Used to pass tokens of the footer section"
                         },
                         {
-                            "name": "dropPointColor",
+                            "name": "dropPoint",
                             "optional": true,
                             "readonly": false,
                             "type": "Object",
                             "default": "",
-                            "description": "Used to pass tokens of the drop point color section"
+                            "description": "Used to pass tokens of the drop point section"
                         },
                         {
                             "name": "columnResizerWidth",
@@ -77158,139 +77158,13 @@
                             "description": "Padding of footer"
                         },
                         {
-                            "name": "dropPointColor.0",
-                            "token": "datatable.drop.point.color.0",
+                            "name": "dropPoint.color",
+                            "token": "datatable.drop.point.color",
                             "optional": true,
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "0 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.1",
-                            "token": "datatable.drop.point.color.1",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "1 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.2",
-                            "token": "datatable.drop.point.color.2",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "2 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.3",
-                            "token": "datatable.drop.point.color.3",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "3 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.4",
-                            "token": "datatable.drop.point.color.4",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "4 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.5",
-                            "token": "datatable.drop.point.color.5",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "5 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.6",
-                            "token": "datatable.drop.point.color.6",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "6 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.7",
-                            "token": "datatable.drop.point.color.7",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "7 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.8",
-                            "token": "datatable.drop.point.color.8",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "8 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.9",
-                            "token": "datatable.drop.point.color.9",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "9 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.10",
-                            "token": "datatable.drop.point.color.10",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "10 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.11",
-                            "token": "datatable.drop.point.color.11",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "11 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.12",
-                            "token": "datatable.drop.point.color.12",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "12 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.13",
-                            "token": "datatable.drop.point.color.13",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "13 of drop point color"
-                        },
-                        {
-                            "name": "dropPointColor.14",
-                            "token": "datatable.drop.point.color.14",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "14 of drop point color"
+                            "description": "Color of drop point"
                         },
                         {
                             "name": "columnResizerWidth.0",
diff --git a/packages/themes/src/presets/aura/datatable/index.js b/packages/themes/src/presets/aura/datatable/index.js
index 7ce9afa02..071e67d63 100644
--- a/packages/themes/src/presets/aura/datatable/index.js
+++ b/packages/themes/src/presets/aura/datatable/index.js
@@ -65,7 +65,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    dropPointColor: '{primary.color}',
+    dropPoint: {
+        color: '{primary.color}'
+    },
     columnResizerWidth: '0.5rem',
     resizeIndicator: {
         width: '1px',
diff --git a/packages/themes/src/presets/lara/datatable/index.js b/packages/themes/src/presets/lara/datatable/index.js
index 9d500e1a7..1343e503f 100644
--- a/packages/themes/src/presets/lara/datatable/index.js
+++ b/packages/themes/src/presets/lara/datatable/index.js
@@ -56,7 +56,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    dropPointColor: '{primary.color}',
+    dropPoint: {
+        color: '{primary.color}'
+    },
     columnResizerWidth: '0.5rem',
     resizeIndicator: {
         width: '1px',
diff --git a/packages/themes/src/presets/material/datatable/index.js b/packages/themes/src/presets/material/datatable/index.js
index 89ed96eb8..36bf83470 100644
--- a/packages/themes/src/presets/material/datatable/index.js
+++ b/packages/themes/src/presets/material/datatable/index.js
@@ -65,7 +65,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    dropPointColor: '{primary.color}',
+    dropPoint: {
+        color: '{primary.color}'
+    },
     columnResizerWidth: '0.5rem',
     resizeIndicator: {
         width: '1px',
diff --git a/packages/themes/src/presets/nora/datatable/index.js b/packages/themes/src/presets/nora/datatable/index.js
index fbb296024..63c4f58b5 100644
--- a/packages/themes/src/presets/nora/datatable/index.js
+++ b/packages/themes/src/presets/nora/datatable/index.js
@@ -65,7 +65,9 @@ export default {
         borderWidth: '0 0 1px 0',
         padding: '0.75rem 1rem'
     },
-    dropPointColor: '{primary.color}',
+    dropPoint: {
+        color: '{primary.color}'
+    },
     columnResizerWidth: '0.5rem',
     resizeIndicator: {
         width: '1px',
diff --git a/packages/themes/types/datatable/index.d.ts b/packages/themes/types/datatable/index.d.ts
index 41af7dec2..eb41e56de 100644
--- a/packages/themes/types/datatable/index.d.ts
+++ b/packages/themes/types/datatable/index.d.ts
@@ -349,99 +349,15 @@ export interface DataTableDesignTokens extends ColorSchemeDesignToken<DataTableD
         padding?: string;
     };
     /**
-     * Used to pass tokens of the drop point color section
+     * Used to pass tokens of the drop point section
      */
-    dropPointColor?: {
+    dropPoint?: {
         /**
-         * 0 of drop point color
+         * Color of drop point
          *
-         * @designToken datatable.drop.point.color.0
+         * @designToken datatable.drop.point.color
          */
-        0?: string;
-        /**
-         * 1 of drop point color
-         *
-         * @designToken datatable.drop.point.color.1
-         */
-        1?: string;
-        /**
-         * 2 of drop point color
-         *
-         * @designToken datatable.drop.point.color.2
-         */
-        2?: string;
-        /**
-         * 3 of drop point color
-         *
-         * @designToken datatable.drop.point.color.3
-         */
-        3?: string;
-        /**
-         * 4 of drop point color
-         *
-         * @designToken datatable.drop.point.color.4
-         */
-        4?: string;
-        /**
-         * 5 of drop point color
-         *
-         * @designToken datatable.drop.point.color.5
-         */
-        5?: string;
-        /**
-         * 6 of drop point color
-         *
-         * @designToken datatable.drop.point.color.6
-         */
-        6?: string;
-        /**
-         * 7 of drop point color
-         *
-         * @designToken datatable.drop.point.color.7
-         */
-        7?: string;
-        /**
-         * 8 of drop point color
-         *
-         * @designToken datatable.drop.point.color.8
-         */
-        8?: string;
-        /**
-         * 9 of drop point color
-         *
-         * @designToken datatable.drop.point.color.9
-         */
-        9?: string;
-        /**
-         * 10 of drop point color
-         *
-         * @designToken datatable.drop.point.color.10
-         */
-        10?: string;
-        /**
-         * 11 of drop point color
-         *
-         * @designToken datatable.drop.point.color.11
-         */
-        11?: string;
-        /**
-         * 12 of drop point color
-         *
-         * @designToken datatable.drop.point.color.12
-         */
-        12?: string;
-        /**
-         * 13 of drop point color
-         *
-         * @designToken datatable.drop.point.color.13
-         */
-        13?: string;
-        /**
-         * 14 of drop point color
-         *
-         * @designToken datatable.drop.point.color.14
-         */
-        14?: string;
+        color?: string;
     };
     /**
      * Used to pass tokens of the column resizer width section