# Chat – whatsapp bubbles

**URL:** <https://meta.discourse.org/t/chat-whatsapp-bubbles/286735>\
**Category:** Theme component\
**Tags:** chat, chat-bubbles\
**Created:** [November 27, 2023, 3:03pm UTC](https://meta.discourse.org/t/chat-whatsapp-bubbles/286735 "2023-11-27T15:03:44Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)\
**Post date:** [January 2, 2024, 1:53pm UTC](https://meta.discourse.org/t/chat-whatsapp-bubbles/286735/14 "2024-01-02T13:53:37Z")

</div>

Thanks for this component.

I’ve made a minor adjustment to the mobile.scss on line 55 - 62

```plaintext
.chat-messages-scroll {
  background-color: var(--bubble-bg);
  background-image: url(check-empty($background-pattern, $enable_pattern));
  background-blend-mode: var(--bubble-bg-mode);

}
.chat-messages-container {
  padding: 0;

```

The previous the background was applied to the .chat-messages-container and on scroll my background would move with the messages this way it stays in the back.

I notice there was two instances of .chat-messages-container in the mobile chat which caused this replication on the background.

---

_[View the full topic](https://meta.discourse.org/t/chat-whatsapp-bubbles/286735)._