Docs
Browse documentation
DocsLast updated: December 29, 2025
Styling and layout issues
Resolve layout conflicts that affect the widget appearance.
What you will learn
- How to handle z-index conflicts
- How to manage overlapping UI
- How to test for CSS conflicts
Z-index conflicts
The widget uses a high z-index. If other elements cover it, reduce their z-index or adjust layout.
Spacing and safe areas
On mobile, the widget respects safe-area insets. Ensure your site does not hide the bottom-right corner.
Theme conflicts
If global CSS overrides shadows or fonts, inspect the widget elements inside the shadow root to confirm styles are isolated.
Expected outcome
- The widget appears in the correct position with readable styling.
Common issues
- Sticky banners or chat tools overlapping the widget.
- Custom CSS forcing the widget off-screen.
Related articles
Still stuck?
Contact our team and we will help you troubleshoot or plan the next step.
Contact supportWas this helpful?