diff --git a/src/components/left/main/ChatTags.module.scss b/src/components/left/main/ChatTags.module.scss index cef958596..4de26fd0d 100644 --- a/src/components/left/main/ChatTags.module.scss +++ b/src/components/left/main/ChatTags.module.scss @@ -5,19 +5,23 @@ } .tag { + --emoji-size: 0.75rem; --custom-emoji-size: 0.75rem; position: relative; + display: flex; flex-shrink: 0; + align-items: center; + justify-content: center; min-width: 1.5rem; - padding: 0 0.25rem; + padding: 0.0625rem 0.25rem; border-radius: 0.25rem; font-size: 0.625rem; font-weight: var(--font-weight-medium); - line-height: 0.875rem; + line-height: 0.75rem; color: var(--accent-color); text-align: center; text-transform: uppercase; diff --git a/src/components/middle/MessageListAccountInfo.module.scss b/src/components/middle/MessageListAccountInfo.module.scss index 31d813540..e1808796d 100644 --- a/src/components/middle/MessageListAccountInfo.module.scss +++ b/src/components/middle/MessageListAccountInfo.module.scss @@ -5,6 +5,12 @@ width: 100%; height: 100%; padding: 0 0.6875rem; + + :global(.emoji-small) { + width: 1rem; + height: 1rem; + margin-top: -0.1875rem; + } } .chatInfo { @@ -75,12 +81,6 @@ height: 1rem; } -:global(.emoji-small) { - width: 1rem; - height: 1rem; - margin-top: -0.1875rem; -} - .chatNotVerified { display: flex; gap: 0.25rem;