# Styling embedded chat widget

**URL:** <https://community.hubspot.com/t/styling-embedded-chat-widget/55926>\
**Category:** APIs & Integrations\
**Tags:** developer-tools, professional\
**Created:** [April 29, 2022, 8:11am UTC](https://community.hubspot.com/t/styling-embedded-chat-widget/55926 "2022-04-29T08:11:33Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Teun](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/teun/32/28739_2.png) [@Teun](https://community.hubspot.com/u/Teun)\
**Post date:** [April 29, 2022, 6:12pm UTC](https://community.hubspot.com/t/styling-embedded-chat-widget/55926/2 "2022-04-29T18:12:36Z")

</div>

Hi @cargoplot ,

You can actually change the colors of the chat widget through the HubSpot portal settings.

Try navigating to **Settings \> Inbox \> Inboxes** and in the overview, click on the ‘Edit’ button of the chat:

 ![Schermafbeelding 2022-04-29 om 20.07.43.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/6/5648b248cddc2ada0892240f72fc17cd5d6e2454.png)

You should be able to edit the accent colors on the next screen:

 ![Schermafbeelding 2022-04-29 om 20.05.48.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/5/545bdd51817b935eec22acace52a50aa70a41be0.png)

IFrame styling is indeed quite hacky, so I hope this helps.

---

_[View the full topic](https://community.hubspot.com/t/styling-embedded-chat-widget/55926)._