Why is my modal-header and modal-footer causing my websites layout to mess up

Question

I have created a basic site with a grid layout and and a modal with a login form. However, I noticed after adding tags for the modal header and footer the layout completely scre