From e29bfb3e78b96e0ed9ea5c07bb6bf8b8aaa8a45d Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Thu, 24 Jan 2019 18:45:34 +0100
Subject: [PATCH] proper text-decoration instead of border-bottom on links

---
 src/components/Link/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Link/index.js b/src/components/Link/index.js
index f6a62b84..49278e3a 100644
--- a/src/components/Link/index.js
+++ b/src/components/Link/index.js
@@ -12,10 +12,12 @@ const A = styled.a`
     font-size: ${FONT_SIZE.SMALL};
 
     ${props => props.isGreen && css`
-        border-bottom: 1px solid ${colors.GREEN_PRIMARY};
+        text-decoration: underline;
+        text-decoration-color: ${colors.GREEN_PRIMARY};
     `}
     ${props => props.isGray && css`
-        border-bottom: 1px solid ${colors.TEXT_SECONDARY};
+        text-decoration: underline;
+        text-decoration-color: ${colors.TEXT_SECONDARY};
     `}
 
     &,