No space between hoo-label and hoo-input-text

[gabbsmo]

Describe the bug
I noticed that there was some vertical padding on hoo-label, but when used with the <label> tag at least, that padding will overlap a input element below it.

To Reproduce
Steps to reproduce the behavior:

<label class="hoo-label">foobar</label>
<input type="text" class="hoo-input-text" />

Expected behavior
I guess the padding around the label was supposed to put some distance between it and surrounding elements.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Edge
• Version: 126

Additional context
My workaround:

.hoo-label {
  display: inline-block;
}

Not sure if inline-block is the best choice but it works. There are better CSS wizards in this project than me. And as always, just let me know if the current behaviour is by design.