diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 75a34e13..1a3a1648 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -1000,30 +1000,30 @@ export interface DataTableCell {
 
 ### Props
 
-| Prop name           | Required | Kind             | Reactive | Type                                                                | Default value          | Description                                                                                                         |
-| :------------------ | :------- | :--------------- | :------- | ------------------------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------- |
-| selectedRowIds      | No       | <code>let</code> | Yes      | <code>ReadonlyArray<DataTableRowId></code>                          | <code>[]</code>        | Specify the row ids to be selected                                                                                  |
-| selectable          | No       | <code>let</code> | Yes      | <code>boolean</code>                                                | <code>false</code>     | Set to `true` for the selectable variant<br />Automatically set to `true` if `radio` or `batchSelection` are `true` |
-| expandedRowIds      | No       | <code>let</code> | Yes      | <code>ReadonlyArray<DataTableRowId></code>                          | <code>[]</code>        | Specify the row ids to be expanded                                                                                  |
-| expandable          | No       | <code>let</code> | Yes      | <code>boolean</code>                                                | <code>false</code>     | Set to `true` for the expandable variant<br />Automatically set to `true` if `batchExpansion` is `true`             |
-| sortDirection       | No       | <code>let</code> | Yes      | <code>"none" &#124; "ascending" &#124; "descending"</code>          | <code>"none"</code>    | Specify the sort direction                                                                                          |
-| sortKey             | No       | <code>let</code> | Yes      | <code>DataTableKey</code>                                           | <code>null</code>      | Specify the header key to sort by                                                                                   |
-| headers             | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableHeader></code>                         | <code>[]</code>        | Specify the data table headers                                                                                      |
-| rows                | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableRow></code>                            | <code>[]</code>        | Specify the rows the data table should render<br />keys defined in `headers` are used for the row ids               |
-| size                | No       | <code>let</code> | No       | <code>"compact" &#124; "short" &#124; "medium" &#124; "tall"</code> | <code>undefined</code> | Set the size of the data table                                                                                      |
-| title               | No       | <code>let</code> | No       | <code>string</code>                                                 | <code>""</code>        | Specify the title of the data table                                                                                 |
-| description         | No       | <code>let</code> | No       | <code>string</code>                                                 | <code>""</code>        | Specify the description of the data table                                                                           |
-| zebra               | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to use zebra styles                                                                                   |
-| sortable            | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` for the sortable variant                                                                              |
-| batchExpansion      | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to enable batch expansion                                                                             |
-| nonExpandableRowIds | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableRowId></code>                          | <code>[]</code>        | Specify the ids for rows that should not be expandable                                                              |
-| radio               | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` for the radio selection variant                                                                       |
-| batchSelection      | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to enable batch selection                                                                             |
-| nonSelectableRowIds | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableRowId></code>                          | <code>[]</code>        | Specify the ids of rows that should not be selectable                                                               |
-| stickyHeader        | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to enable a sticky header                                                                             |
-| useStaticWidth      | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to use static width                                                                                   |
-| pageSize            | No       | <code>let</code> | No       | <code>number</code>                                                 | <code>0</code>         | Specify the number of items to display in a page                                                                    |
-| page                | No       | <code>let</code> | No       | <code>number</code>                                                 | <code>0</code>         | Set to `number` to set current page                                                                                 |
+| Prop name           | Required | Kind             | Reactive | Type                                                              | Default value       | Description                                                                                                         |
+| :------------------ | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------- |
+| selectedRowIds      | No       | <code>let</code> | Yes      | <code>ReadonlyArray<DataTableRowId></code>                        | <code>[]</code>     | Specify the row ids to be selected                                                                                  |
+| selectable          | No       | <code>let</code> | Yes      | <code>boolean</code>                                              | <code>false</code>  | Set to `true` for the selectable variant<br />Automatically set to `true` if `radio` or `batchSelection` are `true` |
+| expandedRowIds      | No       | <code>let</code> | Yes      | <code>ReadonlyArray<DataTableRowId></code>                        | <code>[]</code>     | Specify the row ids to be expanded                                                                                  |
+| expandable          | No       | <code>let</code> | Yes      | <code>boolean</code>                                              | <code>false</code>  | Set to `true` for the expandable variant<br />Automatically set to `true` if `batchExpansion` is `true`             |
+| sortDirection       | No       | <code>let</code> | Yes      | <code>"none" &#124; "ascending" &#124; "descending"</code>        | <code>"none"</code> | Specify the sort direction                                                                                          |
+| sortKey             | No       | <code>let</code> | Yes      | <code>DataTableKey</code>                                         | <code>null</code>   | Specify the header key to sort by                                                                                   |
+| headers             | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableHeader></code>                       | <code>[]</code>     | Specify the data table headers                                                                                      |
+| rows                | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableRow></code>                          | <code>[]</code>     | Specify the rows the data table should render<br />keys defined in `headers` are used for the row ids               |
+| size                | No       | <code>let</code> | No       | <code>"xs" &#124; "sm" &#124; "md" &#124; "lg" &#124; "xl"</code> | <code>"lg"</code>   | Set the size of the data table                                                                                      |
+| title               | No       | <code>let</code> | No       | <code>string</code>                                               | <code>""</code>     | Specify the title of the data table                                                                                 |
+| description         | No       | <code>let</code> | No       | <code>string</code>                                               | <code>""</code>     | Specify the description of the data table                                                                           |
+| zebra               | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` to use zebra styles                                                                                   |
+| sortable            | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` for the sortable variant                                                                              |
+| batchExpansion      | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` to enable batch expansion                                                                             |
+| nonExpandableRowIds | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableRowId></code>                        | <code>[]</code>     | Specify the ids for rows that should not be expandable                                                              |
+| radio               | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` for the radio selection variant                                                                       |
+| batchSelection      | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` to enable batch selection                                                                             |
+| nonSelectableRowIds | No       | <code>let</code> | No       | <code>ReadonlyArray<DataTableRowId></code>                        | <code>[]</code>     | Specify the ids of rows that should not be selectable                                                               |
+| stickyHeader        | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` to enable a sticky header                                                                             |
+| useStaticWidth      | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>  | Set to `true` to use static width                                                                                   |
+| pageSize            | No       | <code>let</code> | No       | <code>number</code>                                               | <code>0</code>      | Specify the number of items to display in a page                                                                    |
+| page                | No       | <code>let</code> | No       | <code>number</code>                                               | <code>0</code>      | Set to `number` to set current page                                                                                 |
 
 ### Slots
 
@@ -1055,15 +1055,15 @@ export interface DataTableCell {
 
 ### Props
 
-| Prop name   | Required | Kind             | Reactive | Type                                                               | Default value          | Description                                                                                  |
-| :---------- | :------- | :--------------- | :------- | ------------------------------------------------------------------ | ---------------------- | -------------------------------------------------------------------------------------------- |
-| columns     | No       | <code>let</code> | No       | <code>number</code>                                                | <code>5</code>         | Specify the number of columns<br />Superseded by `headers` if `headers` is a non-empty array |
-| rows        | No       | <code>let</code> | No       | <code>number</code>                                                | <code>5</code>         | Specify the number of rows                                                                   |
-| size        | No       | <code>let</code> | No       | <code>"compact" &#124; "short" &#124; "tall"</code>                | <code>undefined</code> | Set the size of the data table                                                               |
-| zebra       | No       | <code>let</code> | No       | <code>boolean</code>                                               | <code>false</code>     | Set to `true` to apply zebra styles to the datatable rows                                    |
-| showHeader  | No       | <code>let</code> | No       | <code>boolean</code>                                               | <code>true</code>      | Set to `false` to hide the header                                                            |
-| headers     | No       | <code>let</code> | No       | <code>ReadonlyArray<string &#124; Partial<DataTableHeader>></code> | <code>[]</code>        | Set the column headers<br />Supersedes `columns` if value is a non-empty array               |
-| showToolbar | No       | <code>let</code> | No       | <code>boolean</code>                                               | <code>true</code>      | Set to `false` to hide the toolbar                                                           |
+| Prop name   | Required | Kind             | Reactive | Type                                                               | Default value      | Description                                                                                  |
+| :---------- | :------- | :--------------- | :------- | ------------------------------------------------------------------ | ------------------ | -------------------------------------------------------------------------------------------- |
+| columns     | No       | <code>let</code> | No       | <code>number</code>                                                | <code>5</code>     | Specify the number of columns<br />Superseded by `headers` if `headers` is a non-empty array |
+| rows        | No       | <code>let</code> | No       | <code>number</code>                                                | <code>5</code>     | Specify the number of rows                                                                   |
+| size        | No       | <code>let</code> | No       | <code>"xs" &#124; "sm" &#124; "md" &#124; "lg" &#124; "xl"</code>  | <code>"lg"</code>  | Set the size of the data table                                                               |
+| zebra       | No       | <code>let</code> | No       | <code>boolean</code>                                               | <code>false</code> | Set to `true` to apply zebra styles to the datatable rows                                    |
+| showHeader  | No       | <code>let</code> | No       | <code>boolean</code>                                               | <code>true</code>  | Set to `false` to hide the header                                                            |
+| headers     | No       | <code>let</code> | No       | <code>ReadonlyArray<string &#124; Partial<DataTableHeader>></code> | <code>[]</code>    | Set the column headers<br />Supersedes `columns` if value is a non-empty array               |
+| showToolbar | No       | <code>let</code> | No       | <code>boolean</code>                                               | <code>true</code>  | Set to `false` to hide the toolbar                                                           |
 
 ### Slots
 
@@ -3892,14 +3892,14 @@ None.
 
 ### Props
 
-| Prop name      | Required | Kind             | Reactive | Type                                                                | Default value          | Description                                    |
-| :------------- | :------- | :--------------- | :------- | ------------------------------------------------------------------- | ---------------------- | ---------------------------------------------- |
-| size           | No       | <code>let</code> | No       | <code>"compact" &#124; "short" &#124; "medium" &#124; "tall"</code> | <code>undefined</code> | Set the size of the table                      |
-| zebra          | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to use zebra styles              |
-| useStaticWidth | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to use static width              |
-| sortable       | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` for the sortable variant         |
-| stickyHeader   | No       | <code>let</code> | No       | <code>boolean</code>                                                | <code>false</code>     | Set to `true` to enable a sticky header        |
-| tableStyle     | No       | <code>let</code> | No       | <code>string</code>                                                 | <code>undefined</code> | Set the style attribute on the `table` element |
+| Prop name      | Required | Kind             | Reactive | Type                                                              | Default value          | Description                                    |
+| :------------- | :------- | :--------------- | :------- | ----------------------------------------------------------------- | ---------------------- | ---------------------------------------------- |
+| size           | No       | <code>let</code> | No       | <code>"xs" &#124; "sm" &#124; "md" &#124; "lg" &#124; "xl"</code> | <code>"lg"</code>      | Set the size of the table                      |
+| zebra          | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>     | Set to `true` to use zebra styles              |
+| useStaticWidth | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>     | Set to `true` to use static width              |
+| sortable       | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>     | Set to `true` for the sortable variant         |
+| stickyHeader   | No       | <code>let</code> | No       | <code>boolean</code>                                              | <code>false</code>     | Set to `true` to enable a sticky header        |
+| tableStyle     | No       | <code>let</code> | No       | <code>string</code>                                               | <code>undefined</code> | Set the style attribute on the `table` element |
 
 ### Slots
 
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 00e3ef22..1f52202d 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -2451,7 +2451,8 @@
           "name": "size",
           "kind": "let",
           "description": "Set the size of the data table",
-          "type": "\"compact\" | \"short\" | \"medium\" | \"tall\"",
+          "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
+          "value": "\"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
@@ -2844,7 +2845,8 @@
           "name": "size",
           "kind": "let",
           "description": "Set the size of the data table",
-          "type": "\"compact\" | \"short\" | \"tall\"",
+          "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
+          "value": "\"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
@@ -12069,7 +12071,8 @@
           "name": "size",
           "kind": "let",
           "description": "Set the size of the table",
-          "type": "\"compact\" | \"short\" | \"medium\" | \"tall\"",
+          "type": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
+          "value": "\"lg\"",
           "isFunction": false,
           "isFunctionDeclaration": false,
           "isRequired": false,
diff --git a/docs/src/pages/components/DataTable.svx b/docs/src/pages/components/DataTable.svx
index 29ef9c68..043ad4e9 100644
--- a/docs/src/pages/components/DataTable.svx
+++ b/docs/src/pages/components/DataTable.svx
@@ -432,7 +432,7 @@ A maximum height will applied to the datatable to force a scrollbar.
 
 ## With toolbar (small size)
 
-<DataTable size="short" title="Load balancers" description="Your organization's active load balancers."
+<DataTable size="sm" title="Load balancers" description="Your organization's active load balancers."
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -570,9 +570,64 @@ Note that in-memory filtering is not optimal for large data sets, where you migh
   ]}"
 />
 
-## Tall rows
+## Extra large rows
 
-<DataTable size="tall"
+<DataTable size="xl"
+  headers="{[
+    { key: "name", value: "Name" },
+    { key: "protocol", value: "Protocol" },
+    { key: "port", value: "Port" },
+    { key: "rule", value: "Rule" }
+  ]}"
+  rows="{[
+    {
+      id: "a",
+      name: "Load Balancer 3",
+      protocol: "HTTP",
+      port: 3000,
+      rule: "Round robin"
+    },
+    {
+      id: "b",
+      name: "Load Balancer 1",
+      protocol: "HTTP",
+      port: 443,
+      rule: "Round robin"
+    },
+    {
+      id: "c",
+      name: "Load Balancer 2",
+      protocol: "HTTP",
+      port: 80,
+      rule: "DNS delegation"
+    },
+    {
+      id: "d",
+      name: "Load Balancer 6",
+      protocol: "HTTP",
+      port: 3000,
+      rule: "Round robin"
+    },
+    {
+      id: "e",
+      name: "Load Balancer 4",
+      protocol: "HTTP",
+      port: 443,
+      rule: "Round robin"
+    },
+    {
+      id: "f",
+      name: "Load Balancer 5",
+      protocol: "HTTP",
+      port: 80,
+      rule: "DNS delegation"
+    },
+  ]}"
+/>
+
+## Large rows (default)
+
+<DataTable size="lg"
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -627,7 +682,7 @@ Note that in-memory filtering is not optimal for large data sets, where you migh
 
 ## Medium rows
 
-<DataTable size="medium"
+<DataTable size="md"
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -680,9 +735,9 @@ Note that in-memory filtering is not optimal for large data sets, where you migh
   ]}"
 />
 
-## Short rows
+## Small rows
 
-<DataTable size="short"
+<DataTable size="sm"
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -735,9 +790,9 @@ Note that in-memory filtering is not optimal for large data sets, where you migh
   ]}"
 />
 
-## Compact rows
+## Extra small rows
 
-<DataTable size="compact"
+<DataTable size="xs"
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -1138,9 +1193,9 @@ Use `nonExpandableRowIds` to specify the ids for rows that should not be expanda
 
 <FileSource src="/framed/DataTable/DataTableExpandableZebra" />
 
-## Expandable (compact size)
+## Expandable (extra small size)
 
-<DataTable size="compact" expandable
+<DataTable size="xs" expandable
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -1197,9 +1252,9 @@ Use `nonExpandableRowIds` to specify the ids for rows that should not be expanda
   </svelte:fragment>
 </DataTable>
 
-## Expandable (short size)
+## Expandable (small size)
 
-<DataTable size="short" expandable
+<DataTable size="sm" expandable
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -1256,9 +1311,9 @@ Use `nonExpandableRowIds` to specify the ids for rows that should not be expanda
   </svelte:fragment>
 </DataTable>
 
-## Expandable (tall size)
+## Expandable (extra tall size)
 
-<DataTable size="tall" expandable
+<DataTable size="xl" expandable
   headers="{[
     { key: "name", value: "Name" },
     { key: "protocol", value: "Protocol" },
@@ -1406,14 +1461,22 @@ Pass an object with `"empty"` set to `true` to render an empty table header colu
 
 <DataTableSkeleton showHeader={false} showToolbar={false} />
 
-## Skeleton (tall size)
+## Skeleton (extra large size)
 
-<DataTableSkeleton showHeader={false} showToolbar={false} size="tall" />
+<DataTableSkeleton showHeader={false} showToolbar={false} size="xl" />
 
-## Skeleton (short size)
+## Skeleton (large size)
 
-<DataTableSkeleton showHeader={false} showToolbar={false} size="short" />
+<DataTableSkeleton showHeader={false} showToolbar={false} size="lg" />
 
-## Skeleton (compact size)
+## Skeleton (medium size)
 
-<DataTableSkeleton showHeader={false} showToolbar={false} size="compact" />
+<DataTableSkeleton showHeader={false} showToolbar={false} size="md" />
+
+## Skeleton (small size)
+
+<DataTableSkeleton showHeader={false} showToolbar={false} size="sm" />
+
+## Skeleton (extra small size)
+
+<DataTableSkeleton showHeader={false} showToolbar={false} size="xs" />
diff --git a/src/DataTable/DataTable.svelte b/src/DataTable/DataTable.svelte
index f68f979f..3fe0c22e 100644
--- a/src/DataTable/DataTable.svelte
+++ b/src/DataTable/DataTable.svelte
@@ -39,9 +39,9 @@
 
   /**
    * Set the size of the data table
-   * @type {"compact" | "short" | "medium" | "tall"}
+   * @type {"xs" | "sm" | "md" | "lg" | "xl"}
    */
-  export let size = undefined;
+  export let size = "lg";
 
   /** Specify the title of the data table */
   export let title = "";
diff --git a/src/DataTable/DataTableSkeleton.svelte b/src/DataTable/DataTableSkeleton.svelte
index 9d759518..5930a945 100644
--- a/src/DataTable/DataTableSkeleton.svelte
+++ b/src/DataTable/DataTableSkeleton.svelte
@@ -12,9 +12,9 @@
 
   /**
    * Set the size of the data table
-   * @type {"compact" | "short" | "tall"}
+   * @type {"xs" | "sm" | "md" | "lg" | "xl"}
    */
-  export let size = undefined;
+  export let size = "lg";
 
   /** Set to `true` to apply zebra styles to the datatable rows */
   export let zebra = false;
@@ -68,9 +68,11 @@
   <table
     class:bx--skeleton="{true}"
     class:bx--data-table="{true}"
-    class:bx--data-table--compact="{size === 'compact'}"
-    class:bx--data-table--short="{size === 'short'}"
-    class:bx--data-table--tall="{size === 'tall'}"
+    class:bx--data-table--xs="{size === 'xs'}"
+    class:bx--data-table--sm="{size === 'sm'}"
+    class:bx--data-table--md="{size === 'md'}"
+    class:bx--data-table--lg="{size === 'lg'}"
+    class:bx--data-table--xl="{size === 'xl'}"
     class:bx--data-table--zebra="{zebra}"
     on:click
     on:mouseover
diff --git a/src/DataTable/Table.svelte b/src/DataTable/Table.svelte
index f1d5c81e..c46f2246 100644
--- a/src/DataTable/Table.svelte
+++ b/src/DataTable/Table.svelte
@@ -1,9 +1,9 @@
 <script>
   /**
    * Set the size of the table
-   * @type {"compact" | "short" | "medium" | "tall"}
+   * @type {"xs" | "sm" | "md" | "lg" | "xl"}
    */
-  export let size = undefined;
+  export let size = "lg";
 
   /** Set to `true` to use zebra styles */
   export let zebra = false;
@@ -28,10 +28,11 @@
   <section class:bx--data-table_inner-container="{true}" {...$$restProps}>
     <table
       class:bx--data-table="{true}"
-      class:bx--data-table--compact="{size === 'compact'}"
-      class:bx--data-table--short="{size === 'short'}"
-      class:bx--data-table--tall="{size === 'tall'}"
-      class:bx--data-table--md="{size === 'medium'}"
+      class:bx--data-table--xs="{size === 'xs'}"
+      class:bx--data-table--sm="{size === 'sm'}"
+      class:bx--data-table--md="{size === 'md'}"
+      class:bx--data-table--lg="{size === 'lg'}"
+      class:bx--data-table--xl="{size === 'xl'}"
       class:bx--data-table--sort="{sortable}"
       class:bx--data-table--zebra="{zebra}"
       class:bx--data-table--static="{useStaticWidth}"
@@ -44,10 +45,11 @@
 {:else}
   <table
     class:bx--data-table="{true}"
-    class:bx--data-table--compact="{size === 'compact'}"
-    class:bx--data-table--short="{size === 'short'}"
-    class:bx--data-table--tall="{size === 'tall'}"
-    class:bx--data-table--md="{size === 'medium'}"
+    class:bx--data-table--xs="{size === 'xs'}"
+    class:bx--data-table--sm="{size === 'sm'}"
+    class:bx--data-table--md="{size === 'md'}"
+    class:bx--data-table--lg="{size === 'lg'}"
+    class:bx--data-table--xl="{size === 'xl'}"
     class:bx--data-table--sort="{sortable}"
     class:bx--data-table--zebra="{zebra}"
     class:bx--data-table--static="{useStaticWidth}"
diff --git a/src/DataTable/Toolbar.svelte b/src/DataTable/Toolbar.svelte
index 99b1f2cf..c630a424 100644
--- a/src/DataTable/Toolbar.svelte
+++ b/src/DataTable/Toolbar.svelte
@@ -25,8 +25,7 @@
   bind:this="{ref}"
   aria-label="data table toolbar"
   class:bx--table-toolbar="{true}"
-  class:bx--table-toolbar--small="{size === 'sm'}"
-  class:bx--table-toolbar--normal="{size === 'default'}"
+  class:bx--table-toolbar--sm="{size === 'sm'}"
   style:z-index="{1}"
   {...$$restProps}
 >
diff --git a/src/DataTable/ToolbarMenu.svelte b/src/DataTable/ToolbarMenu.svelte
index a769498c..1e198287 100644
--- a/src/DataTable/ToolbarMenu.svelte
+++ b/src/DataTable/ToolbarMenu.svelte
@@ -17,7 +17,7 @@
   bind:menuRef
   icon="{Settings}"
   {...$$restProps}
-  class="bx--toolbar-action bx--overflow-menu {$$restProps.class}"
+  class="bx--toolbar-action bx--overflow-menu bx--btn bx--btn--primary {$$restProps.class}"
   flipped
 >
   <slot />
diff --git a/src/DataTable/ToolbarSearch.svelte b/src/DataTable/ToolbarSearch.svelte
index 94a88969..bc3dcac6 100644
--- a/src/DataTable/ToolbarSearch.svelte
+++ b/src/DataTable/ToolbarSearch.svelte
@@ -99,6 +99,7 @@
   disabled="{disabled}"
   {...$$restProps}
   searchClass="{classes} {$$restProps.class}"
+  size="lg"
   bind:ref
   bind:value
   on:clear
diff --git a/tests/DataTable.test.svelte b/tests/DataTable.test.svelte
index 45f6a07c..6799fb64 100644
--- a/tests/DataTable.test.svelte
+++ b/tests/DataTable.test.svelte
@@ -137,7 +137,7 @@
 </DataTable>
 
 <DataTable
-  size="short"
+  size="sm"
   title="Load balancers"
   description="Your organization's active load balancers."
   headers="{headers}"
@@ -160,11 +160,13 @@
 
 <DataTable zebra headers="{headers}" rows="{rows}" />
 
-<DataTable size="tall" headers="{headers}" rows="{rows}" />
+<DataTable size="xl" headers="{headers}" rows="{rows}" />
 
-<DataTable size="short" headers="{headers}" rows="{rows}" />
+<DataTable size="md" headers="{headers}" rows="{rows}" />
 
-<DataTable size="compact" headers="{headers}" rows="{rows}" />
+<DataTable size="sm" headers="{headers}" rows="{rows}" />
+
+<DataTable size="xs" headers="{headers}" rows="{rows}" />
 
 <DataTable sortable headers="{headers}" rows="{rows}" />
 
@@ -279,8 +281,10 @@
 
 <DataTableSkeleton showHeader="{false}" showToolbar="{false}" />
 
-<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="tall" />
+<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="xl" />
 
-<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="short" />
+<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="md" />
 
-<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="compact" />
+<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="sm" />
+
+<DataTableSkeleton showHeader="{false}" showToolbar="{false}" size="xs" />
diff --git a/types/DataTable/DataTable.svelte.d.ts b/types/DataTable/DataTable.svelte.d.ts
index e0dcf172..1e6a67a3 100644
--- a/types/DataTable/DataTable.svelte.d.ts
+++ b/types/DataTable/DataTable.svelte.d.ts
@@ -58,9 +58,9 @@ export interface DataTableProps extends RestProps {
 
   /**
    * Set the size of the data table
-   * @default undefined
+   * @default "lg"
    */
-  size?: "compact" | "short" | "medium" | "tall";
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
 
   /**
    * Specify the title of the data table
diff --git a/types/DataTable/DataTableSkeleton.svelte.d.ts b/types/DataTable/DataTableSkeleton.svelte.d.ts
index 4d7d507b..b77061b3 100644
--- a/types/DataTable/DataTableSkeleton.svelte.d.ts
+++ b/types/DataTable/DataTableSkeleton.svelte.d.ts
@@ -21,9 +21,9 @@ export interface DataTableSkeletonProps extends DataTableHeader, RestProps {
 
   /**
    * Set the size of the data table
-   * @default undefined
+   * @default "lg"
    */
-  size?: "compact" | "short" | "tall";
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
 
   /**
    * Set to `true` to apply zebra styles to the datatable rows
diff --git a/types/DataTable/Table.svelte.d.ts b/types/DataTable/Table.svelte.d.ts
index 7312318f..e355ba4e 100644
--- a/types/DataTable/Table.svelte.d.ts
+++ b/types/DataTable/Table.svelte.d.ts
@@ -6,9 +6,9 @@ type RestProps = SvelteHTMLElements["section"];
 export interface TableProps extends RestProps {
   /**
    * Set the size of the table
-   * @default undefined
+   * @default "lg"
    */
-  size?: "compact" | "short" | "medium" | "tall";
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
 
   /**
    * Set to `true` to use zebra styles