From 6bb21fd5d3b93587a051b85fd909516a8e6a2e0a Mon Sep 17 00:00:00 2001
From: ErickSkrauch <erickskrauch@yandex.ru>
Date: Thu, 16 Jul 2020 01:00:34 +0300
Subject: [PATCH] Add zero-width space inside Button component to force
 line-height rule

---
 src/components/ui/button/Button.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ui/button/Button.tsx b/src/components/ui/button/Button.tsx
index 1e3db7c..723936c 100644
--- a/src/components/ui/button/Button.tsx
+++ b/src/components/ui/button/Button.tsx
@@ -16,6 +16,9 @@ const Button: FunctionComponent<Props> = ({ label, style, color = 'green' }) =>
         ...styles[color],
         ...style,
     }}>
+        {/* Some email clients don't apply a line-height rule until some text appears inside.
+            Add a zero-width space to ensure that text is always present, even if a <img> is passed */}
+        &#8203;
         {label}
     </div>
 );