Merge pull request #925 from dacadeorg/fix/icons-on-safari-macos

Fix: show coin tokens on MacBook safari

Author: musayann

src/components/sections/bounties/Navigation.tsx

@@ -84,7 +84,7 @@ export default function BountiesNavigation(): ReactElement {
                       "!text-blue-600": router.query.slug === item.link.split("/")[2],
                     })}
                   >
-                    <span className="absolute inline-block -left-6 nav-icon">{router.query.slug === item.link.split("/")[2] && <ChevronRightIcon />}</span>
+                    <span className="absolute !inline-block -left-6 nav-icon">{router.query.slug === item.link.split("/")[2] && <ChevronRightIcon />}</span>
                     <span className="nav-label">{item.label}</span>
                   </Link>
                 </li>

src/components/sections/profile/Navigation.tsx

@@ -107,7 +107,7 @@ export default function ProfileNagivation(): ReactElement {
                 <li key={`profile-menu-subItem-${k}`} className="text-sm relative text-primary">
                   <Link href={item.link} className={`relative text-gray-500 ${isCurrentMenuItem(item) && "text-primary"}`}>
                     {isCurrentMenuItem(item) && (
-                      <span className="inline-block absolute -left-6 nav-icon">
+                      <span className="!inline-block absolute -left-6 nav-icon">
                         <ChevronRightIcon />
                       </span>
                     )}

src/components/ui/SideNavigation/_partials/Content.tsx

@@ -34,7 +34,7 @@ export function NavItem({ item, isActive = false, expanded = false }: NavItemPro
   const { t } = useTranslation();
   return (
     <span>
-      <span style={{ display: isActive ? "inline-block" : "none" }} className="absolute top-0 inline-block -left-6 nav-icon">
+      <span style={{ display: isActive ? "!inline-block" : "none" }} className="absolute top-0 inline-block -left-6 nav-icon">
         <ChevronRightIcon className={`transition-transform duration-200 ${item.subitems && item.subitems.length && isActive && expanded ? "transform rotate-90" : ""}`} />
       </span>
       <span className="nav-label">{t(item.label)}</span>