# Change opacity of chat window and bubble

**URL:** <https://community.elfsight.com/t/change-opacity-of-chat-window-and-bubble/108496>\
**Category:** AI Chatbot\
**Created:** [March 21, 2025, 1:49pm UTC](https://community.elfsight.com/t/change-opacity-of-chat-window-and-bubble/108496 "2025-03-21T13:49:02Z")\
**Posts on this page:** 1\
**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:** [March 21, 2025, 1:49pm UTC](https://community.elfsight.com/t/change-opacity-of-chat-window-and-bubble/108496/1 "2025-03-21T13:49:02Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your [AI Chatbot](https://elfsight.com/ai-chatbot-widget/) widget’s settings:

```auto
[class*='ButtonBase__ButtonContainer-sc'] {
  opacity: 0.5;
}

[class*='window__Container-sc'] {
  opacity: 0.5;
}

```