Styling a Vaadin Embedded Application - specifically a Dialog


I have a Vaadin Embedded Application and am embedding it into arbitrary websites.

The styles for my embedded component are influenced by the websites styling. I was able to circumvent this by placing the embedded component into a div with style “all: initial;” which seems to work as resetting all styles to default, upon which the Vaadin theme takes over again and all is well.

However when my component opens a Dialog, the Dialog component is added at the end of the dom under the web pages body (outside of my reset div) and of course are influenced by the websites styling again (in my case it makes the entire dialog box miniature - about two characters wide).

Does anyone know where I can reset the styling on these embedded application dialog boxes?

Thx for the help,