diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 45584679..b2143d09 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -1163,7 +1163,7 @@ export interface DropdownItem {
| itemToString | No | let
| No | (item: DropdownItem) => string
| (item) => item.text || item.id
| Override the display of a dropdown item |
| type | No | let
| No | "default" | "inline"
| "default"
| Specify the type of dropdown |
| direction | No | let
| No | "bottom" | "top"
| "bottom"
| Specify the direction of the dropdown menu |
-| size | No | let
| No | "sm" | "lg" | "xl"
| undefined
| Specify the size of the dropdown field |
+| size | No | let
| No | "sm" | "lg"
| undefined
| Specify the size of the dropdown field |
| light | No | let
| No | boolean
| false
| Set to `true` to enable the light variant |
| disabled | No | let
| No | boolean
| false
| Set to `true` to disable the dropdown |
| titleText | No | let
| No | string
| ""
| Specify the title text |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 73fadc86..b0e5ab57 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -3318,7 +3318,7 @@
"name": "size",
"kind": "let",
"description": "Specify the size of the dropdown field",
- "type": "\"sm\" | \"lg\" | \"xl\"",
+ "type": "\"sm\" | \"lg\" ",
"isFunction": false,
"isFunctionDeclaration": false,
"isRequired": false,
diff --git a/docs/src/pages/components/Dropdown.svx b/docs/src/pages/components/Dropdown.svx
index 477fcce9..561723bd 100644
--- a/docs/src/pages/components/Dropdown.svx
+++ b/docs/src/pages/components/Dropdown.svx
@@ -65,9 +65,9 @@ Set `direction` to `"top"` for the dropdown menu to appear above the input.
{id: "1", text: "Email"},
{id: "2", text: "Fax"}]}" />
-## Extra-large size
+## Large size
-
diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte
index 8567d0c3..087eb3a4 100644
--- a/src/Dropdown/Dropdown.svelte
+++ b/src/Dropdown/Dropdown.svelte
@@ -39,7 +39,7 @@
/**
* Specify the size of the dropdown field
- * @type {"sm" | "lg" | "xl"}
+ * @type {"sm" | "lg" }
*/
export let size = undefined;
@@ -197,13 +197,13 @@
size="{size}"
name="{name}"
aria-label="{$$props['aria-label']}"
- class="bx--dropdown
- {direction === 'top' && 'bx--list-box--up'}
- {invalid && 'bx--dropdown--invalid'}
- {!invalid && warn && 'bx--dropdown--warning'}
+ class="bx--dropdown
+ {direction === 'top' && 'bx--list-box--up'}
+ {invalid && 'bx--dropdown--invalid'}
+ {!invalid && warn && 'bx--dropdown--warning'}
{open && 'bx--dropdown--open'}
{size === 'sm' && 'bx--dropdown--sm'}
- {size === 'xl' && 'bx--dropdown--xl'}
+ {(size === 'lg' || size === 'xl') && 'bx--dropdown--lg'}
{inline && 'bx--dropdown--inline'}
{disabled && 'bx--dropdown--disabled'}
{light && 'bx--dropdown--light'}"
diff --git a/tests/Dropdown.test.svelte b/tests/Dropdown.test.svelte
index b0ad3251..7404a450 100644
--- a/tests/Dropdown.test.svelte
+++ b/tests/Dropdown.test.svelte
@@ -82,7 +82,7 @@
/>