I noticed that the attached screenshot possibly has a "header" in the app (shows a grey section with "Factory_1" dropdown and "admin").
I have a similar problem. The menus and bubbles show up exactly the # of px height as the app header height below where they are supposed to show up.
In my case, my app is angular with bootstrap and I have a header set-up by setting body { margin-top: 50px;}.
I'm exploring how to change my app styling so I don't set that margin on the body...
And a problem in finding a fix is that I cannot replicate the problem as a simple example. The problem only shows up in my complex app.
Anyway, my quick fix is to set CSS:
.menu_default_main {
margin-top:-50px;
}
.bubble_default_main {
margin-top:-50px;
}