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>
   );