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