# Emoji modal's width incorrect on mobile

**URL:** <https://meta.discourse.org/t/emoji-modals-width-incorrect-on-mobile/35460>\
**Category:** Bug\
**Created:** [November 11, 2015, 3:41pm UTC](https://meta.discourse.org/t/emoji-modals-width-incorrect-on-mobile/35460 "2015-11-11T15:41:48Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)\
**Post date:** [November 11, 2015, 3:41pm UTC](https://meta.discourse.org/t/emoji-modals-width-incorrect-on-mobile/35460/1 "2015-11-11T15:41:48Z")

</div>

Continuing the discussion from [Help us test the rewritten Composer](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/16):

> [@Help us test the rewritten Composer](https://meta.discourse.org/t/help-us-test-the-rewritten-composer/34679/16):
>
> I see what you mean - the emoji popup is indeed blurry. That is not related to the new editor specifically, also in the old composer the popup is now blurry.
> 
> It looks like the blurryness is caused by the `transform` CSS statement which is now used to position the element. In previous versions this was achieved by using a negative `top` and `left` for the popup positioning.

Hmm it seems like the blurry emojis is a webkit specific issue.

> <https://stackoverflow.com/questions/27060690/using-transform-scale-results-in-blurry-images>

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.

 ![](https://global.discourse-cdn.com/meta/original/3X/f/0/f0804803062bb32d1d53bda93b87b55a65233ca8.png)

---

_[View the full topic](https://meta.discourse.org/t/emoji-modals-width-incorrect-on-mobile/35460)._