From 200adf4269f356d3e3b179a617458b62ef6ea89d Mon Sep 17 00:00:00 2001
From: Hannu Lyytikainen <hannu@sharetribe.com>
Date: Tue, 10 Jul 2018 09:05:18 +0300
Subject: [PATCH] Fix contact link font styles

---
 src/components/UserCard/UserCard.css | 5 +++++
 src/components/UserCard/UserCard.js  | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/UserCard/UserCard.css b/src/components/UserCard/UserCard.css
index 480326ae..48a08f9a 100644
--- a/src/components/UserCard/UserCard.css
+++ b/src/components/UserCard/UserCard.css
@@ -114,3 +114,8 @@
     display: none;
   }
 }
+
+.contact {
+  @apply --marketplaceH4FontStyles;
+  margin: 0;
+}
diff --git a/src/components/UserCard/UserCard.js b/src/components/UserCard/UserCard.js
index a62dc6a4..6af87e3b 100644
--- a/src/components/UserCard/UserCard.js
+++ b/src/components/UserCard/UserCard.js
@@ -86,7 +86,7 @@ const UserCard = props => {
   const separator = isCurrentUser ? null : <span className={css.linkSeparator}>•</span>;
 
   const contact = (
-    <InlineTextButton onClick={handleContactUserClick}>
+    <InlineTextButton className={css.contact} onClick={handleContactUserClick}>
       <FormattedMessage id="UserCard.contactUser" />
     </InlineTextButton>
   );