How to remove stripes in modal?

Question

HTML

There is a contact form in modal. Here .
Maybe I’m stupid hard, but I don’t understand where this jamb with lines came from (red on the screen).

How to fix?

Answer 1

The top line is .modal-header , the bottom line is .modal-footer
Why is that? - because the height of the modal-body block is only 30px ,
Replace
with
and you will be happy.

Answer 2

These lines belong to the div with the modal-body class. Try adding the clearfix class to this div as well.

Answer 3

If you want to remove these lines, try turning off the border on the .modal-header and .modal-footer elements.

.modal-header, .modal-footer {
    border: none;
}

If you want to bring these lines back to normal, add the clearfix class to the element with the modal-body class (as mentioned above), or add the overflow: hidden property

.modal-body {
    overflow: hidden;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}