From f748cc0157705ee6c5e32822ebd9ccb1ae095a20 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Mon, 23 Mar 2020 11:04:59 +0800
Subject: [PATCH] fix(link): improve vertical alignment of link text

---
 components/link/icon.tsx | 2 ++
 components/link/link.tsx | 1 +
 2 files changed, 3 insertions(+)

diff --git a/components/link/icon.tsx b/components/link/icon.tsx
index 028a7a6..cfda0a8 100644
--- a/components/link/icon.tsx
+++ b/components/link/icon.tsx
@@ -15,6 +15,8 @@ export const LinkIcon: React.FC<Props> = React.memo(({ color }) => {
       <style jsx>{`
         .icon {
           margin: 0 5px;
+          display: inline-flex;
+          align-self: center;
         }
       `}</style>
     </svg>
diff --git a/components/link/link.tsx b/components/link/link.tsx
index 0f2a75f..e44ab96 100644
--- a/components/link/link.tsx
+++ b/components/link/link.tsx
@@ -38,6 +38,7 @@ const Link: React.FC<React.PropsWithChildren<LinkProps>> = React.memo(({
       <style jsx>{`
         .link {
           display: inline-flex;
+          align-items: baseline;
           line-height: inherit;
           color: ${linkColor};
           text-decoration: none;