diff --git a/src/app/components/message/layout/Base.tsx b/src/app/components/message/layout/Base.tsx index aa5ffbf..c1bfe00 100644 --- a/src/app/components/message/layout/Base.tsx +++ b/src/app/components/message/layout/Base.tsx @@ -32,7 +32,7 @@ export const MessageTextBody = as<'div', css.MessageTextBodyVariants & { notice? ({ as: asComp = 'div', className, preWrap, jumboEmoji, emote, notice, ...props }, ref) => ( ; const jumboEmojiClass = MessageTextBody.classNames.variants.jumboEmoji.true; globalStyle(`${jumboEmojiClass} .${htmlCss.EmoticonBase}`, { - height: jumboEmojiSize, + height: '1em', padding: 0, overflow: 'visible', verticalAlign: 'middle', }); globalStyle(`${jumboEmojiClass} .${htmlCss.Emoticon.classNames.base}`, { - fontSize: jumboEmojiSize, - height: jumboEmojiSize, - minWidth: jumboEmojiSize, + fontSize: '1em', + height: '1em', + minWidth: '1em', lineHeight: 1, position: 'static', top: 0, @@ -266,8 +267,8 @@ globalStyle(`${jumboEmojiClass} .${htmlCss.Emoticon.classNames.base}`, { }); globalStyle(`${jumboEmojiClass} .${htmlCss.EmoticonImg}`, { - height: jumboEmojiSize, - width: jumboEmojiSize, + height: '1em', + width: '1em', maxHeight: 'none', objectFit: 'contain', });