# Change size of the chat bubble

**URL:** https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417
**Category:** Chats
**Created:** [June 18, 2024, 8:40am UTC](https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417 "2024-06-18T08:40:01Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [June 18, 2024, 8:40am UTC](https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417/1 "2024-06-18T08:40:01Z")

</div>

Add the code below to the Custom CSS field on your [Chat](https://elfsight.com/widgets/?category=chats) widget’s Appearance tab:

```auto
.global-styles, [class^='FloatingButton__FloatingButtonContainer-sc'] {
    transform: scale(0.8)
  }

```

  

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions

---

<div class="post-metadata">

### Author: ![user2778](https://avatars.discourse-cdn.com/v4/letter/u/22d042/32.png) [@user2778](https://community.elfsight.com/u/user2778)
#### Post date: [July 23, 2025, 6:18am UTC](https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417/2 "2025-07-23T06:18:39Z")

</div>

It’s working! thanks for the code.

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [July 23, 2025, 10:24am UTC](https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417/3 "2025-07-23T10:24:08Z")

</div>

Hi there, @user2778 and welcome aboard 👋

Glad to know the code helped you – thank you so much for the feedback 😉

---

<div class="post-metadata">

### Author: ![user29973](https://avatars.discourse-cdn.com/v4/letter/u/fbc32d/32.png) [@user29973](https://community.elfsight.com/u/user29973)
#### Post date: [November 7, 2025, 8:19pm UTC](https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417/4 "2025-11-07T20:19:52Z")

</div>

@Max Thanks! The whats app chat bubble is now the desired size, but this also changes the size of the contact form button (also from elfsight) on my website, which is now a way to small. I would like to be able to adjust these independently of each other. Can you help me?

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [November 10, 2025, 10:45am UTC](https://community.elfsight.com/t/change-size-of-the-chat-bubble/57417/5 "2025-11-10T10:45:47Z")

</div>

Greetings and welcome to the Community, @user29973 👋

Please try to remove `.global-styles,` from the code. It should help you resolve the issue 🙂