diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 000cd060..ab8ee008 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -2709,6 +2709,94 @@
       ],
       "rest_props": { "type": "InlineComponent", "name": "TableContainer" }
     },
+    {
+      "moduleName": "DataTableSkeleton",
+      "filePath": "/src/DataTable/DataTableSkeleton.svelte",
+      "props": [
+        {
+          "name": "columns",
+          "kind": "let",
+          "description": "Specify the number of columns\nSuperseded by `headers` if `headers` is a non-empty array",
+          "type": "number",
+          "value": "5",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "rows",
+          "kind": "let",
+          "description": "Specify the number of rows",
+          "type": "number",
+          "value": "5",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "size",
+          "kind": "let",
+          "description": "Set the size of the data table",
+          "type": "\"compact\" | \"short\" | \"tall\"",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "zebra",
+          "kind": "let",
+          "description": "Set to `true` to apply zebra styles to the datatable rows",
+          "type": "boolean",
+          "value": "false",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "showHeader",
+          "kind": "let",
+          "description": "Set to `false` to hide the header",
+          "type": "boolean",
+          "value": "true",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "headers",
+          "kind": "let",
+          "description": "Set the column headers\nSupersedes `columns` if value is a non-empty array",
+          "type": "string[] | Partial<DataTableHeader>[]",
+          "value": "[]",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "showToolbar",
+          "kind": "let",
+          "description": "Set to `false` to hide the toolbar",
+          "type": "boolean",
+          "value": "true",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        }
+      ],
+      "slots": [],
+      "events": [
+        { "type": "forwarded", "name": "click", "element": "table" },
+        { "type": "forwarded", "name": "mouseover", "element": "table" },
+        { "type": "forwarded", "name": "mouseenter", "element": "table" },
+        { "type": "forwarded", "name": "mouseleave", "element": "table" }
+      ],
+      "typedefs": [],
+      "rest_props": { "type": "Element", "name": "div" },
+      "extends": {
+        "interface": "DataTableHeader",
+        "import": "\"../DataTable/DataTable\""
+      }
+    },
     {
       "moduleName": "Toolbar",
       "filePath": "/src/DataTable/Toolbar.svelte",
@@ -3316,94 +3404,6 @@
         "import": "\"../OverflowMenu/OverflowMenuItem\""
       }
     },
-    {
-      "moduleName": "DataTableSkeleton",
-      "filePath": "/src/DataTableSkeleton/DataTableSkeleton.svelte",
-      "props": [
-        {
-          "name": "columns",
-          "kind": "let",
-          "description": "Specify the number of columns\nSuperseded by `headers` if `headers` is a non-empty array",
-          "type": "number",
-          "value": "5",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "rows",
-          "kind": "let",
-          "description": "Specify the number of rows",
-          "type": "number",
-          "value": "5",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "size",
-          "kind": "let",
-          "description": "Set the size of the data table",
-          "type": "\"compact\" | \"short\" | \"tall\"",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "zebra",
-          "kind": "let",
-          "description": "Set to `true` to apply zebra styles to the datatable rows",
-          "type": "boolean",
-          "value": "false",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "showHeader",
-          "kind": "let",
-          "description": "Set to `false` to hide the header",
-          "type": "boolean",
-          "value": "true",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "headers",
-          "kind": "let",
-          "description": "Set the column headers\nSupersedes `columns` if value is a non-empty array",
-          "type": "string[] | Partial<DataTableHeader>[]",
-          "value": "[]",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "showToolbar",
-          "kind": "let",
-          "description": "Set to `false` to hide the toolbar",
-          "type": "boolean",
-          "value": "true",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        }
-      ],
-      "slots": [],
-      "events": [
-        { "type": "forwarded", "name": "click", "element": "table" },
-        { "type": "forwarded", "name": "mouseover", "element": "table" },
-        { "type": "forwarded", "name": "mouseenter", "element": "table" },
-        { "type": "forwarded", "name": "mouseleave", "element": "table" }
-      ],
-      "typedefs": [],
-      "rest_props": { "type": "Element", "name": "div" },
-      "extends": {
-        "interface": "DataTableHeader",
-        "import": "\"../DataTable/DataTable\""
-      }
-    },
     {
       "moduleName": "DatePicker",
       "filePath": "/src/DatePicker/DatePicker.svelte",
diff --git a/src/DataTableSkeleton/DataTableSkeleton.svelte b/src/DataTable/DataTableSkeleton.svelte
similarity index 100%
rename from src/DataTableSkeleton/DataTableSkeleton.svelte
rename to src/DataTable/DataTableSkeleton.svelte
diff --git a/src/DataTable/index.js b/src/DataTable/index.js
index 7c1bd873..3071163d 100644
--- a/src/DataTable/index.js
+++ b/src/DataTable/index.js
@@ -1,4 +1,5 @@
 export { default as DataTable } from "./DataTable.svelte";
+export { default as DataTableSkeleton } from "./DataTableSkeleton.svelte";
 export { default as Table } from "./Table.svelte";
 export { default as TableBody } from "./TableBody.svelte";
 export { default as TableCell } from "./TableCell.svelte";
diff --git a/src/DataTableSkeleton/index.js b/src/DataTableSkeleton/index.js
deleted file mode 100644
index a88ac913..00000000
--- a/src/DataTableSkeleton/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default as DataTableSkeleton } from "./DataTableSkeleton.svelte";
diff --git a/src/index.js b/src/index.js
index 522bc154..5ce9120d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -16,6 +16,7 @@ export {
 export { CodeSnippet, CodeSnippetSkeleton } from "./CodeSnippet";
 export {
   DataTable,
+  DataTableSkeleton,
   Table,
   TableBody,
   TableCell,
@@ -30,7 +31,6 @@ export {
   ToolbarMenu,
   ToolbarMenuItem,
 } from "./DataTable";
-export { DataTableSkeleton } from "./DataTableSkeleton";
 export { DatePicker, DatePickerInput, DatePickerSkeleton } from "./DatePicker";
 export { Dropdown, DropdownSkeleton } from "./Dropdown";
 export {
diff --git a/types/DataTableSkeleton/DataTableSkeleton.d.ts b/types/DataTable/DataTableSkeleton.d.ts
similarity index 100%
rename from types/DataTableSkeleton/DataTableSkeleton.d.ts
rename to types/DataTable/DataTableSkeleton.d.ts
diff --git a/types/index.d.ts b/types/index.d.ts
index 087e3347..00b2e127 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -39,6 +39,7 @@ export { default as TableHead } from "./DataTable/TableHead";
 export { default as TableHeader } from "./DataTable/TableHeader";
 export { default as TableRow } from "./DataTable/TableRow";
 export { default as DataTable } from "./DataTable/DataTable";
+export { default as DataTableSkeleton } from "./DataTable/DataTableSkeleton";
 export { default as Toolbar } from "./DataTable/Toolbar";
 export { default as ToolbarContent } from "./DataTable/ToolbarContent";
 export { default as SearchSkeleton } from "./Search/SearchSkeleton";
@@ -49,7 +50,6 @@ export { default as OverflowMenu } from "./OverflowMenu/OverflowMenu";
 export { default as OverflowMenuItem } from "./OverflowMenu/OverflowMenuItem";
 export { default as ToolbarMenu } from "./DataTable/ToolbarMenu";
 export { default as ToolbarMenuItem } from "./DataTable/ToolbarMenuItem";
-export { default as DataTableSkeleton } from "./DataTableSkeleton/DataTableSkeleton";
 export { default as DatePicker } from "./DatePicker/DatePicker";
 export { default as DatePickerInput } from "./DatePicker/DatePickerInput";
 export { default as DatePickerSkeleton } from "./DatePicker/DatePickerSkeleton";