Update icon side nav hover state

4 years ago · c8a94067c8
1 changed files with 3 additions and 1 deletions
--- 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;