diff --git a/packages/bridge/src/components/Footer/index.tsx b/packages/bridge/src/components/Footer/index.tsx
index 72f7202..8a1026d 100644
--- a/packages/bridge/src/components/Footer/index.tsx
+++ b/packages/bridge/src/components/Footer/index.tsx
@@ -12,14 +12,17 @@ export const Footer = () => {
       <SecurityAuditButton />
       <Button
         shape={'circle'}
+        target={'_blank'}
+        href={'https://github.com/solana-labs/oyster'}
         icon={<GithubOutlined />}
         style={{ marginRight: '20px' }}
-      >
-        <Link to={'https://github.com/solana-labs/oyster'}></Link>
-      </Button>
-      <Button shape={'circle'} icon={<TwitterOutlined />}>
-        <Link to={'https://twitter.com/solana'}></Link>
-      </Button>
+      ></Button>
+      <Button
+        shape={'circle'}
+        target={'_blank'}
+        href={'https://twitter.com/solana'}
+        icon={<TwitterOutlined />}
+      ></Button>
     </div>
   );
 };
diff --git a/packages/bridge/src/components/SecurityAuditButton/index.tsx b/packages/bridge/src/components/SecurityAuditButton/index.tsx
index 10c3d53..454781e 100644
--- a/packages/bridge/src/components/SecurityAuditButton/index.tsx
+++ b/packages/bridge/src/components/SecurityAuditButton/index.tsx
@@ -6,8 +6,12 @@ import './index.less';
 
 export const SecurityAuditButton = () => {
   return (
-    <Button className={'audit-button'}>
-      <Link to={'https://github.com/certusone/wormhole'}>Security Audit</Link>
+    <Button
+      className={'audit-button'}
+      target={'_blank'}
+      href={'https://github.com/certusone/wormhole'}
+    >
+      Security Audit
     </Button>
   );
 };