diff --git a/packages/bbui/src/IconSideNav/IconSideNavItem.svelte b/packages/bbui/src/IconSideNav/IconSideNavItem.svelte
index 40dcb60a20..46625c9707 100644
--- a/packages/bbui/src/IconSideNav/IconSideNavItem.svelte
+++ b/packages/bbui/src/IconSideNav/IconSideNavItem.svelte
@@ -39,7 +39,7 @@
   }
   .icon-side-nav-item:hover :global(svg),
   .active :global(svg) {
-    color: white;
+    color: var(--spectrum-global-color-gray-900);
   }
   .active {
     background: var(--spectrum-global-color-gray-300);