diff --git a/src/lib/elements/pill.svelte b/src/lib/elements/pill.svelte
index 2735bde50..821b60fed 100644
--- a/src/lib/elements/pill.svelte
+++ b/src/lib/elements/pill.svelte
@@ -1,15 +1,17 @@
 <script lang="ts">
     export let disabled = false;
-    export let pending = false;
-    export let failed = false;
     export let success = false;
+    export let warning = false;
+    export let danger = false;
+    export let info = false;
 </script>
 
 <div
-    class="pill"
+    class="tag"
     class:is-disabled={disabled}
-    class:is-pending={pending}
-    class:is-failed={failed}
-    class:is-success={success}>
+    class:is-success={success}
+    class:is-warning={warning}
+    class:is-danger={danger}
+    class:is-info={info}>
     <slot />
 </div>