diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index fd5141de..d0dca240 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -376,7 +376,7 @@ export type BreakpointValue = 320 | 672 | 1056 | 1312 | 1584;
| :--------------- | :------- | :--------------- | :------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ref | No | let
| Yes | null | HTMLAnchorElement | HTMLButtonElement
| null
| Obtain a reference to the HTML element |
| kind | No | let
| No | "primary" | "secondary" | "tertiary" | "ghost" | "danger" | "danger--tertiary" | "danger--ghost"
| "primary"
| Specify the kind of button |
-| size | No | let
| No | "default" | "field" | "small" | "lg" | "xl"
| "default"
| Specify the size of button |
+| size | No | let
| No | "sm" | "md" | "lg" | "xl" | "2xl"
| "default"
| Specify the size of button |
| expressive | No | let
| No | boolean
| false
| Set to `true` to use Carbon's expressive typesetting |
| isSelected | No | let
| No | boolean
| false
| Set to `true` to enable the selected state for an icon-only, ghost button |
| icon | No | let
| No | typeof import("svelte").SvelteComponent
| undefined
| Specify the icon to render |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 814290d4..6b977b30 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -465,7 +465,7 @@
"name": "size",
"kind": "let",
"description": "Specify the size of button",
- "type": "\"default\" | \"field\" | \"small\" | \"lg\" | \"xl\"",
+ "type": "\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\"",
"value": "\"default\"",
"isFunction": false,
"isFunctionDeclaration": false,
diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index 821862c7..2a6cb065 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -13,7 +13,7 @@
/**
* Specify the size of button
- * @type {"default" | "field" | "small" | "lg" | "xl"}
+ * @type {"sm" | "md" | "lg" | "xl" | "2xl"}
*/
export let size = "default";
diff --git a/types/Button/Button.svelte.d.ts b/types/Button/Button.svelte.d.ts
index 8a6335d7..ad1050a7 100644
--- a/types/Button/Button.svelte.d.ts
+++ b/types/Button/Button.svelte.d.ts
@@ -25,7 +25,7 @@ export interface ButtonProps extends ButtonSkeletonProps, RestProps {
* Specify the size of button
* @default "default"
*/
- size?: "default" | "field" | "small" | "lg" | "xl";
+ size?: "sm" | "md" | "lg" | "xl" | "2xl";
/**
* Set to `true` to use Carbon's expressive typesetting