From fa17db6ebfb3d0feb097f6b5a77b92fe39cfe650 Mon Sep 17 00:00:00 2001
From: Francois Best <francois@francoisbest.com>
Date: Fri, 8 Jan 2021 17:06:12 +0100
Subject: [PATCH] fix: External icon layout

---
 src/components/links.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/links.tsx b/src/components/links.tsx
index 79b8818..a2c8012 100644
--- a/src/components/links.tsx
+++ b/src/components/links.tsx
@@ -66,10 +66,11 @@ export const OutgoingLink: React.FC<OutgoingLinkProps> = ({
       {showExternalIcon && (
         <Box
           as={FiExternalLink}
-          mx="2px"
-          aria-label="(external link)"
+          display="inline-block"
+          mx="0.2em"
           mt="-0.25em"
           fontSize="0.8em"
+          aria-label="(external link)"
         />
       )}
     </ChakraLink>