diff --git a/web-common/src/components/chip/removable-list-chip/RemovableListChip.svelte b/web-common/src/components/chip/removable-list-chip/RemovableListChip.svelte
index e15621a90b3..1f15c069701 100644
--- a/web-common/src/components/chip/removable-list-chip/RemovableListChip.svelte
+++ b/web-common/src/components/chip/removable-list-chip/RemovableListChip.svelte
@@ -39,6 +39,8 @@ are details left to the consumer of the component; this component should remain
   export let label: string | undefined = undefined;
   export let dimensionName: string;
 
+  const active = !selectedValues.length;
+
   const dispatch = createEventDispatcher();
 
   const StateManagers = getStateManagers();
@@ -53,7 +55,7 @@ are details left to the consumer of the component; this component should remain
   let:active
   distance={8}
   alignment="start"
-  active={true}
+  {active}
 >
   <Tooltip
     location="bottom"