# Move chat window and bubble

**URL:** <https://community.elfsight.com/t/move-chat-window-and-bubble/55913>\
**Category:** Chats\
**Created:** [June 6, 2024, 2:36pm UTC](https://community.elfsight.com/t/move-chat-window-and-bubble/55913 "2024-06-06T14:36:26Z")\
**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:** [June 6, 2024, 2:36pm UTC](https://community.elfsight.com/t/move-chat-window-and-bubble/55913/1 "2024-06-06T14:36:26Z")

</div>

The settings of our [Chat](https://elfsight.com/widgets/?category=chats) apps allow you to increase the Vertical and Horizontal Offset of the widget up to 200 px:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/c/7c48ca20b7e9ce410c076d43949be7432349a245.png)

  

However, if this limit isn’t enough, you can adjust the offsets using the CSS code below:

```auto
.global-styles, [class^='FloatingButton__FloatingButtonContainer-sc'] {
bottom: 300px;
right: 300px;
}

[class^="Window__Content-sc"] {
bottom: 300px;
right: 300px;
}

```

  

> **Note:** The code should be added to the Custom CSS field on the Appearance tab of your widget’s settings

  

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 🙂