From bbb96fe327489567c60a56b2233923a0932a3fcb Mon Sep 17 00:00:00 2001
From: Arctic Ice Studio <development@arcticicestudio.com>
Date: Sat, 12 Jan 2019 09:47:55 +0100
Subject: [PATCH] Ensure `Button` component uses correct spacing as link
 element

When the `Button` component is rendered as link element (`<a>`) by
passing the `href` or `to` prop it'll now use a reduced line height to
ensure it matches the same layout as if it would have been rendered as
`<button>` element.

GH-112
---
 src/components/atoms/core/Button/styles.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/atoms/core/Button/styles.js b/src/components/atoms/core/Button/styles.js
index a7f9b2a3..43de8c55 100644
--- a/src/components/atoms/core/Button/styles.js
+++ b/src/components/atoms/core/Button/styles.js
@@ -273,6 +273,8 @@ const base = css`
   background: none;
   padding: 0.375em 0.75em;
   user-select: none;
+  /* Ensure correct spacing when rendering as link element. */
+  line-height: 1.15;
 
   &:hover:not(:disabled) {
     cursor: pointer;