diff --git a/packages/website/components/Ecosystem/EcosystemSection.tsx b/packages/website/components/Ecosystem/EcosystemSection.tsx index 5accb39d484..8d9a4afcf4e 100644 --- a/packages/website/components/Ecosystem/EcosystemSection.tsx +++ b/packages/website/components/Ecosystem/EcosystemSection.tsx @@ -268,7 +268,7 @@ const ecosystemData: EcosystemData[] = [ description: "Rubic enhances interoperability through network bridging and cross-chain dev tools for omnichain dApps. Users access diverse assets via varied DEXs under a unified interface with optimized cross-chain transactions.", filters: [], - isLive: false, + isLive: true, }, { icon: "/images/ecosystem/rubydex.png", @@ -464,13 +464,15 @@ export function EcosystemSection() { function FilterLabel({ text, activeFilter, setActiveFilter }) { const isActive = activeFilter === text; - const buttonStyles = `border rounded-full py-1 px-4 text-sm focus:outline-none transition-colors duration-200 font-bold ${isActive - ? "bg-gray-300 text-black" - : "bg-white text-gray-700 dark:bg-black dark:text-gray-300" - } ${isActive + const buttonStyles = `border rounded-full py-1 px-4 text-sm focus:outline-none transition-colors duration-200 font-bold ${ + isActive + ? "bg-gray-300 text-black" + : "bg-white text-gray-700 dark:bg-black dark:text-gray-300" + } ${ + isActive ? "hover:bg-gray-400" : "hover:bg-neutral-100 dark:hover:bg-neutral-800" - }`; + }`; return (