From 3906d3f3633b6d688ffaced7a5f1769fae3ddac2 Mon Sep 17 00:00:00 2001
From: kyranjamie <kyran.burraston@gmail.com>
Date: Mon, 3 Feb 2020 14:31:38 +0100
Subject: [PATCH] fix: Use blue footer links in modal

---
 src/react/components/link.tsx          | 6 ++----
 src/react/components/screens/intro.tsx | 2 ++
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/react/components/link.tsx b/src/react/components/link.tsx
index bc9c0253..e7698c2b 100644
--- a/src/react/components/link.tsx
+++ b/src/react/components/link.tsx
@@ -6,12 +6,10 @@ interface LinkProps extends BoxProps {
   _hover?: BoxProps;
 }
 
-const Link: React.FC<LinkProps> = ({ _hover = {}, children, ...rest }) => (
+export const Link: React.FC<LinkProps> = ({ _hover = {}, children, ...rest }) => (
   <Box {...rest}>
-    <Text _hover={{ textDecoration: 'underline', cursor: 'pointer', ..._hover }} fontWeight="medium">
+    <Text _hover={{ textDecoration: 'underline', cursor: 'pointer', ..._hover }} textStyle="caption.medium">
       {children}
     </Text>
   </Box>
 );
-
-export { Link };
diff --git a/src/react/components/screens/intro.tsx b/src/react/components/screens/intro.tsx
index f38fc7ca..2b6b94ad 100644
--- a/src/react/components/screens/intro.tsx
+++ b/src/react/components/screens/intro.tsx
@@ -82,6 +82,7 @@ export const Intro = () => {
       <ScreenFooter>
         <Stack spacing={4} isInline>
           <Link
+            color="blue.900"
             onClick={() => {
               doStartAuth();
               // eslint-disable-next-line @typescript-eslint/no-floating-promises
@@ -98,6 +99,7 @@ export const Intro = () => {
             Sign in to Data Vault
           </Link>
           <Link
+            color="blue.900"
             onClick={() => {
               doGoToHowItWorksScreen();
             }}