Components overlapping in page render with react jsx

Question

I want to add multiple components to route but when they render they are overlapping one another at the top of the page. Individually they render fine, but when stacked in t