Uploaded emoji rendered big size when used as chat react

Product Support
,

AI-generated summary

The discussion is about an issue with uploaded emoji being rendered in a big size when used as a chat react. fbpbdmin reported the issue, comparing it to built-in emoji which appear in a smaller size. Arkshine couldn’t reproduce the issue and asked if there were any customizations on the .gif image. After fbpbdmin provided another example, Arkshine suspected that custom CSS might be causing the conflict. Arkshine suggested a method to inspect the CSS used, which helped fbpbdmin figure out the issue.

1

upload a gif emoji from settings>Customize>emoji
when use it in chat, as react emoji
the uploaded gif emoji is always rendered in a big size, comparing to the built-in ones.

  • when use a built-in one, the reaction emoji size is small(good)
    image

  • use the uploaded one. see the uploaded one is too big as a reaction emoji.

    image
    image199×147 7.97 KB

adjust the gif size, it does not fix it, seems it is about styling…
guess, no matter how big the uploaded emoji, when used as a reaction, it should be auto resized as a small one as the built-in ones. ?

2

I can’t reproduce. :thinking:

NVIDIA_Share_JXAtWacnAg

Is there any chance you have customizations on the .gif image?

3

thanks @Arkshine could you try this one.

workship

4

The GIF has no size issue:

NVIDIA_Share_yNe445Cu9r

I think you have some custom CSS somewhere that conflicts with GIF in this area.

5

hmm, thanks confirming… might be some styles used in our system…

6

If you feel adventurous, you can try to figure out based on the CSS used:

  • Right-click on the gif
  • click on inspect
  • Double-click to open the node and click on <img> tag
    image
    image2303×296 36.2 KB

On the right, you can see the CSS used and you see the file name near it. This can give some quick clues about where the CSS is located. :+1:

7

figured out, thanks @Arkshine !