diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 80ef3100..e7560f4f 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -1958,7 +1958,7 @@ export type ListBoxSelectionTranslationId = "clearAll" | "clearSelection";
 | Prop name       | Kind               | Reactive | Type                                                                     | Default value                                                            | Description                                      |
 | :-------------- | :----------------- | :------- | :----------------------------------------------------------------------- | ------------------------------------------------------------------------ | ------------------------------------------------ |
 | ref             | <code>let</code>   | Yes      | <code>null &#124; HTMLDivElement</code>                                  | <code>null</code>                                                        | Obtain a reference to the top-level HTML element |
-| selectionCount  | <code>let</code>   | No       | <code>any</code>                                                         | --                                                                       | Specify the number of selected items             |
+| selectionCount  | <code>let</code>   | No       | <code>number</code>                                                      | --                                                                       | Specify the number of selected items             |
 | disabled        | <code>let</code>   | No       | <code>boolean</code>                                                     | <code>false</code>                                                       | Set to `true` to disable the list box selection  |
 | translationIds  | <code>const</code> | No       | <code>{ clearAll: "clearAll", clearSelection: "clearSelection", }</code> | <code>{ clearAll: "clearAll", clearSelection: "clearSelection", }</code> | Default translation ids                          |
 | translateWithId | <code>let</code>   | No       | <code>(id: ListBoxSelectionTranslationId) => string</code>               | <code>(id) => defaultTranslations[id]</code>                             | Override the default translation ids             |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index c7a6260a..3ea015e6 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -4595,7 +4595,7 @@
           "name": "selectionCount",
           "kind": "let",
           "description": "Specify the number of selected items",
-          "type": "any",
+          "type": "number",
           "isFunction": false,
           "constant": false,
           "reactive": false
diff --git a/src/ListBox/ListBoxSelection.svelte b/src/ListBox/ListBoxSelection.svelte
index 6fc1d25e..ef094b4a 100644
--- a/src/ListBox/ListBoxSelection.svelte
+++ b/src/ListBox/ListBoxSelection.svelte
@@ -5,7 +5,7 @@
 
   /**
    * Specify the number of selected items
-   * @type {any}
+   * @type {number}
    */
   export let selectionCount = undefined;
 
@@ -46,27 +46,61 @@
     : translateWithId("clearSelection");
 </script>
 
-<div
-  bind:this="{ref}"
-  role="button"
-  aria-label="Clear Selection"
-  tabindex="{disabled ? '-1' : '0'}"
-  title="{description}"
-  class:bx--list-box__selection="{true}"
-  class:bx--tag--filter="{selectionCount}"
-  class:bx--list-box__selection--multi="{selectionCount}"
-  {...$$restProps}
-  on:click|preventDefault|stopPropagation="{(e) => {
-    if (!disabled) {
-      dispatch('clear', e);
-    }
-  }}"
-  on:keydown|stopPropagation="{(e) => {
-    if (!disabled && e.key === 'Enter') {
-      dispatch('clear', e);
-    }
-  }}"
->
-  {#if selectionCount}{selectionCount}{/if}
-  <Close16 />
-</div>
+{#if selectionCount !== undefined}
+  <div
+    class:bx--tag="{true}"
+    class:bx--tag--filter="{true}"
+    class:bx--tag--high-contrast="{true}"
+    class:bx--tag--disabled="{disabled}"
+  >
+    <span class:bx--tag__label="{true}" title="{selectionCount}">
+      {selectionCount}
+    </span>
+    <div
+      bind:this="{ref}"
+      role="button"
+      tabIndex="{disabled ? -1 : 0}"
+      class:bx--tag__close-icon="{true}"
+      on:click|preventDefault|stopPropagation="{(e) => {
+        if (!disabled) {
+          dispatch('clear', e);
+        }
+      }}"
+      on:keydown|stopPropagation="{(e) => {
+        if (!disabled && e.key === 'Enter') {
+          dispatch('clear', e);
+        }
+      }}"
+      disabled="{disabled}"
+      aria-label="{translationIds.clearAll}"
+      title="{description}"
+    >
+      <Close16 />
+    </div>
+  </div>
+{:else}
+  <div
+    bind:this="{ref}"
+    role="button"
+    aria-label="{description}"
+    title="{description}"
+    tabindex="{disabled ? '-1' : '0'}"
+    class:bx--list-box__selection="{true}"
+    class:bx--tag--filter="{selectionCount}"
+    class:bx--list-box__selection--multi="{selectionCount}"
+    {...$$restProps}
+    on:click|preventDefault|stopPropagation="{(e) => {
+      if (!disabled) {
+        dispatch('clear', e);
+      }
+    }}"
+    on:keydown|stopPropagation="{(e) => {
+      if (!disabled && e.key === 'Enter') {
+        dispatch('clear', e);
+      }
+    }}"
+  >
+    {#if selectionCount !== undefined}{selectionCount}{/if}
+    <Close16 />
+  </div>
+{/if}
diff --git a/types/ListBox/ListBoxSelection.d.ts b/types/ListBox/ListBoxSelection.d.ts
index c6e9f4b2..134e969f 100644
--- a/types/ListBox/ListBoxSelection.d.ts
+++ b/types/ListBox/ListBoxSelection.d.ts
@@ -8,7 +8,7 @@ export interface ListBoxSelectionProps
   /**
    * Specify the number of selected items
    */
-  selectionCount?: any;
+  selectionCount?: number;
 
   /**
    * Set to `true` to disable the list box selection