Comment 1 for bug 1969944

I don't know Bootstrap, but it looks like the spacing issues are largely controlled by special Bootstrap class attributes like the m-5 applied to the div in the search form. The class m-5 says "add a five unit space on all screen sizes". Bootstrap also provides classes to allow for breakpoints, so that the spacing can be different on different screen sizes. (A class such as m-md-5 would only apply this spacing on devices that are medium ("md") or bigger.) I can imagine that the fix may be simple as picking appropriate classes from this vocabulary to take into account usability on a variety of screen sizes.

https://getbootstrap.com/docs/4.0/utilities/spacing/