# Display chat bubble in the middle right position (desktop)

**URL:** <https://community.elfsight.com/t/display-chat-bubble-in-the-middle-right-position-desktop/139366>\
**Category:** Chats\
**Created:** [September 5, 2025, 5:58pm UTC](https://community.elfsight.com/t/display-chat-bubble-in-the-middle-right-position-desktop/139366 "2025-09-05T17:58:09Z")\
**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:** [September 5, 2025, 5:58pm UTC](https://community.elfsight.com/t/display-chat-bubble-in-the-middle-right-position-desktop/139366/1 "2025-09-05T17:58:09Z")

</div>

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

```auto
@media(min-width: 440px) {
.global-styles, [class*='FloatingButton__FloatingButtonContainer-sc'] {
top: 50%;
margin: 0;
margin-right: 20px;
}

```