# Custom CSS in livechat widget

**URL:** <https://forums.rocket.chat/t/custom-css-in-livechat-widget/11000>\
**Category:** Community Support\
**Created:** [April 22, 2021, 1:49am UTC](https://forums.rocket.chat/t/custom-css-in-livechat-widget/11000 "2021-04-22T01:49:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![billynoah](https://avatars.discourse-cdn.com/v4/letter/b/cdc98d/32.png) [@billynoah](https://forums.rocket.chat/u/billynoah)\
**Post date:** [April 22, 2021, 1:49am UTC](https://forums.rocket.chat/t/custom-css-in-livechat-widget/11000/1 "2021-04-22T01:49:56Z")

</div>

Is it possible to add custom CSS to the livechat widget? We’d like it positioned on the left but the close button ends up on the wrong side. Something like this would work but I don’t see any way to add a style:

```
.screen__sskEr {
    align-items: flex-start;
}
```