From 9ab44731c9ccfaef688950ff996f43b3ebc1865b Mon Sep 17 00:00:00 2001 From: Nazareno Bucciarelli Date: Tue, 28 Jul 2026 13:39:56 -0300 Subject: [PATCH 1/2] regression: native emojis crowding surrounding text on Linux --- apps/meteor/app/theme/client/imports/components/emoji.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/apps/meteor/app/theme/client/imports/components/emoji.css b/apps/meteor/app/theme/client/imports/components/emoji.css index 1210cfba02c9b..7d61d9677d0a3 100644 --- a/apps/meteor/app/theme/client/imports/components/emoji.css +++ b/apps/meteor/app/theme/client/imports/components/emoji.css @@ -30,5 +30,13 @@ /* emojis on messages */ &__emoji { font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', 'Android Emoji', sans-serif; + + /* fuselage's fixed-size inline-block box (meant for image-based custom emojis) is too small for native glyphs on fonts with wider metrics (e.g. Linux), so they overflow the box and crowd the surrounding text; :not(--custom) outranks its specificity to override reliably */ + &:not(&--custom) { + display: inline; + width: auto; + height: auto; + margin: 0 .15em; + } } } From 8487d68d01a0ee7805a3f464d410a5916c896164 Mon Sep 17 00:00:00 2001 From: Nazareno Bucciarelli Date: Tue, 28 Jul 2026 14:42:25 -0300 Subject: [PATCH 2/2] fix: emoji being cropped vertically --- apps/meteor/app/theme/client/imports/components/emoji.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/apps/meteor/app/theme/client/imports/components/emoji.css b/apps/meteor/app/theme/client/imports/components/emoji.css index 7d61d9677d0a3..534b89d667d84 100644 --- a/apps/meteor/app/theme/client/imports/components/emoji.css +++ b/apps/meteor/app/theme/client/imports/components/emoji.css @@ -33,10 +33,8 @@ /* fuselage's fixed-size inline-block box (meant for image-based custom emojis) is too small for native glyphs on fonts with wider metrics (e.g. Linux), so they overflow the box and crowd the surrounding text; :not(--custom) outranks its specificity to override reliably */ &:not(&--custom) { - display: inline; width: auto; - height: auto; - margin: 0 .15em; + margin: .15em .05em; } } }