From 5a4c03eeeb355bd8bf8890bcf1eb9625c4a99faf Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 27 Apr 2022 16:02:30 +0100
Subject: [PATCH] Update icon side nav hover state

---
 packages/bbui/src/IconSideNav/IconSideNavItem.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/bbui/src/IconSideNav/IconSideNavItem.svelte b/packages/bbui/src/IconSideNav/IconSideNavItem.svelte
index 446e6a0e5e..2b98ae2ef6 100644
--- a/packages/bbui/src/IconSideNav/IconSideNavItem.svelte
+++ b/packages/bbui/src/IconSideNav/IconSideNavItem.svelte
@@ -35,13 +35,15 @@
     border-radius: 4px;
     position: relative;
     cursor: pointer;
+    transition: background 130ms ease-out;
   }
   .icon-side-nav-item:hover :global(svg),
   .active :global(svg) {
     color: white;
   }
+  .icon-side-nav-item:hover,
   .active {
-    background-color: var(--spectrum-global-color-gray-200);
+    background: var(--spectrum-global-color-gray-200);
   }
   .tooltip {
     position: absolute;