Datepicker is misaligned with other components

[flamenkito]

Six Webcomponents version

4.2.2

Steps to reproduce

<div style="display: flex; gap: 0.5rem">
  <six-datepicker label="Datepicker" style="width: 50%"></six-datepicker>
  <six-input label="Input" style="width: 50%"></six-input>
</div>

What is expected?

What is actually happening?

Datepicker label takes extra 4px margin-top, could be fixed with an ugly CSS patch

six-datepicker::part(base) {
  margin-top: -4px;
}

System Info

No response

Any additional comments?

No response