fix: don't include accentActiveSoft background on navicon active state (#5240)

don't include accentActiveSoft background on navicon active state

src/components/NavBar/NavIcon.css.ts

@@ -5,6 +5,7 @@ import { sprinkles, vars } from '../../nft/css/sprinkles.css'
 export const navIcon = style([
   sprinkles({
     alignItems: 'center',
+    background: 'transparent',
     position: 'relative',
     display: 'flex',
     flexDirection: 'column',

src/components/NavBar/NavIcon.tsx

@@ -14,7 +14,6 @@ export const NavIcon = ({ children, isActive, onClick }: NavIconProps) => {
     <Box
       as="button"
       className={styles.navIcon}
-      background={isActive ? 'accentActiveSoft' : 'none'}
       color={isActive ? 'textPrimary' : 'textSecondary'}
       onClick={onClick}
       height="40"