From 17879ad293234becfdf64663dcd24277b3474757 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Thu, 12 Jan 2023 16:23:09 +0800
Subject: [PATCH] style(ui): update social button style (#2910)

---
 .../ui/src/components/Button/SocialLinkButton.module.scss     | 4 ++--
 packages/ui/src/components/Button/index.module.scss           | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/Button/SocialLinkButton.module.scss b/packages/ui/src/components/Button/SocialLinkButton.module.scss
index cb73cd3d6..b0bdb2a19 100644
--- a/packages/ui/src/components/Button/SocialLinkButton.module.scss
+++ b/packages/ui/src/components/Button/SocialLinkButton.module.scss
@@ -17,10 +17,10 @@
   overflow: hidden;
   margin-left: _.unit(-6);
   @include _.flex-row;
+  height: 100%;
 
   span {
-    overflow: hidden;
-    text-overflow: ellipsis;
+    @include _.multi-line-ellipsis(2);
   }
 
   .placeHolder {
diff --git a/packages/ui/src/components/Button/index.module.scss b/packages/ui/src/components/Button/index.module.scss
index 1608a3f4f..7b50ffef2 100644
--- a/packages/ui/src/components/Button/index.module.scss
+++ b/packages/ui/src/components/Button/index.module.scss
@@ -8,6 +8,7 @@
   border-radius: var(--radius);
   cursor: pointer;
   font: var(--font-label-1);
+  line-height: 16px;
   -webkit-appearance: none;
   -webkit-tap-highlight-color: transparent;
   transition: background 0.2s ease-in-out;
@@ -59,6 +60,7 @@
 :global(body.desktop) {
   .button {
     font: var(--font-label-2);
+    line-height: 14px;
   }
 
   .primary {