> For the complete documentation index, see [llms.txt](https://mava.gitbook.io/mava-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mava.gitbook.io/mava-docs/getting-started/integration-setup/web-chat-setup/customize-the-position-and-size-of-the-web-chat.md).

# Customize the position & Size of the Web chat

For more technical teams it is possible to customize the position of the web chat launcher and the size of the web chat itself.\
\
For example, if you're looking at adjust the position of the launcher icon on your site add a custom style sheet into your app and reference the Mava web chat ID. You can then use something like this code to increase the height from the bottom:

```
<style>
      #mava-webchat-launcher {
        bottom: 200px !important;
      }
    </style>
```

Note: `#mava-webchat-launcher` is the id of Mava's default launcher button. If you've assigned this same id to your own custom button instead (see [Create custom launch event](/mava-docs/getting-started/integration-setup/web-chat-setup/create-custom-launch-event.md)), these styles apply to it too.