Problems with messagebar in vue component

Ive taken the vue messagebar example and moved it from a page to a Vue component. Since Im only allowed 1 root node in a vue component I must wrap the messagebar and message component in a DIV. Everything works great except the messagebar is at the top of the window (Material). How can I fix it at the bottom in my new chat component? I literally have my component html tag right after nav-bar on my page

Would be good to see the code (layout) of what you have and screenshot of the issue

Thanks. Evidently since I need to wrap the message-bar and messages in a div, I must add class=“page” to the div in order for message-bar to appear on the bottom.