Problem on mixing Vaadin Server-side elements and Grid

I tried displaying Vaadin grid as in the example tutorial : https://vaadin.com/docs/-/part/framework/tutorial.html
and the Vaadin server-side elements on the same page. However, the grid elements are not visible when I add server-side elements on it. It works fine whe I don’t add the paper elements in my layout. Does anyone know what could be the possible reason behind it?

***See attachment for the final UI.

25412.png

Probably some CSS is “leaking” into the Grid and disturbs its rendering. You could maybe use inspector in Chrome/Safari/Firefox to try to inspect which style it is and then find out a workaround.

cheers,
matti