style: Tweak external link style.

laina-defi · Feb 5, 2025 · 313babc · 313babc
1 parent 561f248
commit 313babc
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Link.tsx b/src/components/Link.tsx
@@ -1,4 +1,4 @@
-import { GoLinkExternal } from 'react-icons/go';
+import { MdOutlineArrowOutward } from 'react-icons/md';
 
 export interface LinkProps {
   className?: string;
@@ -9,9 +9,9 @@ export interface LinkProps {
 export const StellarExpertLink = ({ className = '', text = 'View contract', contractId }: LinkProps) => {
   const href = `https://stellar.expert/explorer/testnet/contract/${contractId}`;
   return (
-    <a className={`link flex flex-row ${className}`} href={href} target="_blank" rel="noreferrer">
+    <a className={`link flex flex-row hover:text-grey ${className}`} href={href} target="_blank" rel="noreferrer">
       {text}
-      <GoLinkExternal className="ml-1 mt-1" size=".9rem" />
+      <MdOutlineArrowOutward className="mt-1" size=".9rem" />
     </a>
   );
 };