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;