# How to Customized CSS for Rasa Chat Widget?

**URL:** <https://forum.rasa.com/t/how-to-customized-css-for-rasa-chat-widget/52158>\
**Category:** Rasa Open Source\
**Created:** [March 24, 2022, 3:23am UTC](https://forum.rasa.com/t/how-to-customized-css-for-rasa-chat-widget/52158 "2022-03-24T03:23:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Eden](https://avatars.discourse-cdn.com/v4/letter/e/5f9b8f/32.png) [@Eden](https://forum.rasa.com/u/Eden)\
**Post date:** [March 24, 2022, 3:23am UTC](https://forum.rasa.com/t/how-to-customized-css-for-rasa-chat-widget/52158/1 "2022-03-24T03:23:44Z")

</div>

I found a script and tried to embed it following the steps in [Your Own Website](https://rasa.com/docs/rasa/connectors/your-own-website/).

Therefore I inputted the following code in my Rasa Project.

![Screenshot (88)](https://europe1.discourse-cdn.com/flex013/uploads/rasa/original/3X/d/d/dd1e93b10c7fb66f672e32824d3c8f6178720d02.png)

However, the height of the Chat Widget is not fitted to the screen, so I want to adjust the CSS for resizing the Chat Widget. Where and how can I place my customized CSS code in the Rasa Project and merge it with the original script?