# Blurry Emojis on Chrome

**URL:** <https://meta.discourse.org/t/blurry-emojis-on-chrome/224080>\
**Category:** Product Support\
**Created:** [April 12, 2022, 6:50pm UTC](https://meta.discourse.org/t/blurry-emojis-on-chrome/224080 "2022-04-12T18:50:04Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Arthri](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arthri/32/211355_2.png) [@Arthri](https://meta.discourse.org/u/Arthri)\
**Post date:** [April 12, 2022, 6:50pm UTC](https://meta.discourse.org/t/blurry-emojis-on-chrome/224080/1 "2022-04-12T18:50:04Z")

</div>

Hello! I’ve noticed a very subtle bug, emojis are blurry because they’re downscaled. I looked it up and it lead me to this:

> [@Emoji modal's width incorrect on mobile](https://meta.discourse.org/t/35460):
>
> Continuing the discussion from [Help us test the rewritten Composer](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/16): Hmm it seems like the blurry emojis is a webkit specific issue. The use of transform was removed in [FIX: Don't use transform for the emoji popup, it blurs it · discourse/discourse@d7d88f8 · GitHub](https://github.com/discourse/discourse/commit/d7d88f816c6a2a4eb63e27c7319d769e0f7fbbc0) but it broke the emoji modal on mobile.

but it never seems to have been resolved. I followed the post and I’ve tested this in Chrome and Firefox, but only Chrome has the issue

FWIW, the combined answers of the linked SO post solves the issue:

```plaintext
-webkit-filter: blur(0px); 
-webkit-transform: translate3d(0, 0, 0);

```

* * *

# 🫠 Example Emoji

🫠 Example text

---

_[View the full topic](https://meta.discourse.org/t/blurry-emojis-on-chrome/224080)._