From 37d1004d8dbcdb14cef23d9f712a0718bb721e91 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Mon, 26 Apr 2021 16:02:03 +0100
Subject: [PATCH] Fix active class on buttons

---
 packages/bbui/src/Button/Button.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/bbui/src/Button/Button.svelte b/packages/bbui/src/Button/Button.svelte
index cbab6803eb..6e2b63adbd 100644
--- a/packages/bbui/src/Button/Button.svelte
+++ b/packages/bbui/src/Button/Button.svelte
@@ -23,15 +23,13 @@
   class:active
   class="spectrum-Button spectrum-Button--size{size.toUpperCase()}"
   {disabled}
-  on:click|preventDefault
->
+  on:click|preventDefault>
   {#if icon}
     <svg
       class="spectrum-Icon spectrum-Icon--size{size.toUpperCase()}"
       focusable="false"
       aria-hidden="true"
-      aria-label={icon}
-    >
+      aria-label={icon}>
       <use xlink:href="#spectrum-icon-18-{icon}" />
     </svg>
   {/if}
@@ -46,4 +44,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
+  .active {
+    color: var(--spectrum-global-color-blue-600) !important;
+  }
 </style>