From 0f963a93f18f4b61063598f03a2c7254bac6dc55 Mon Sep 17 00:00:00 2001
From: Ajay Bura <ajbura@gmail.com>
Date: Fri, 24 Dec 2021 10:18:07 +0530
Subject: [PATCH] Fix twemoji scaling

Signed-off-by: Ajay Bura <ajbura@gmail.com>
---
 src/app/atoms/text/Text.scss           | 5 +++--
 src/app/molecules/message/Message.scss | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/atoms/text/Text.scss b/src/app/atoms/text/Text.scss
index a4a1eeda..256bf6ea 100644
--- a/src/app/atoms/text/Text.scss
+++ b/src/app/atoms/text/Text.scss
@@ -5,7 +5,7 @@
 
   & img.emoji,
   & img[data-mx-emoticon] {
-    height: var(--fs-#{$type});
+    height: calc(var(--lh-#{$type}) - .25rem);
   }
 }
 
@@ -20,7 +20,8 @@
     margin-right: 2px !important;
     padding: 0 !important;
     position: relative;
-    top: 2px;
+    top: -.1rem;
+    vertical-align: middle;
   }
 }
 
diff --git a/src/app/molecules/message/Message.scss b/src/app/molecules/message/Message.scss
index 541aecc7..43c23c8f 100644
--- a/src/app/molecules/message/Message.scss
+++ b/src/app/molecules/message/Message.scss
@@ -241,8 +241,8 @@
   cursor: pointer;
 
   & .react-emoji {
-    width: 14px;
-    height: 14px;
+    width: 16px;
+    height: 16px;
     margin: 2px;
   }
   &-count {
@@ -250,8 +250,8 @@
     color: var(--tc-surface-normal)
   }
   &-tooltip .react-emoji  {
-    width: 14px;
-    height: 14px;
+    width: 16px;
+    height: 16px;
     margin: 0 var(--sp-ultra-tight);
     margin-bottom: -2px;
   }