Emojis displaying oversized in Smash Balloon feed – CSS fix not working

[shawinglasgow]

Hi Support Team,

I’m seeing oversized emojis in our Smash Balloon social feed and the CSS fixes I’ve tried aren’t solving it. Could you advise?

Site: https://gareths84.sg-host.com/
Theme/Builder: Theme X / Pro (child theme active)
WP / Plugin: WordPress [version], Instagram Feed by Smash Balloon [version]
Browser(s) tested: Chrome, Safari, iOS Safari

Issue:
Emoji characters in post captions (e.g., ) render much larger than the surrounding text. Sometimes they appear as Unicode characters (no <img> ), other times WordPress swaps them for emoji images from the s.w.org CDN.

What I’ve tried (no luck so far):

1. Targeting emoji images inside captions:

.sbi .sbi-caption img,
#sb_instagram .sbi-caption img {
  max-width: none !important;
  width: auto !important;
  height: 1em !important;
  display: inline !important;
  vertical-align: -0.1em;
}

2. Specifically targeting WordPress emoji image source:

.sbi .sbi-caption img[src^="https://s.w.org/images/core/emoji"],
#sb_instagram .sbi-caption img[src^="https://s.w.org/images/core/emoji"] {
  max-width: none !important;
  width: auto !important;
  height: 1em !important;
}

3. Normalising caption typography when emojis are plain text (Unicode):

.sbi .sbi-caption,
#sb_instagram .sbi-caption {
  font-size: 1rem;
  line-height: 1.35;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans",
               "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji", sans-serif;
}
.sbi .sbi-caption * { 
  font-size: inherit !important; 
  line-height: inherit !important; 
}

[ruenel]

Hey Gareth,

Thanks for writing in!

This issue is because of this custom CSS block:

img[src^="https://s.w.org/images/core/emoji"] {
   max-width:1em;
   height: auto;
}

Add max-height: 1em; to control the height of the emoji icons.

Kindly let us know how it goes.

[shawinglasgow]

@ruenel

max-height: 1em

Ah Ruenel, What woudl I so without you!!! Thats has worked perfectly

Thanks so much sir

[ruenel]

Happy to help you as always, Gareth.