Add a style class which removes the bottom padding for fields
Material form fields have a padding at the bottom for hints or errors. This can cause alignment issues when no hints or errors are used.
Usage examples
<mat-form-field appearance="outline" class="no-field-hint">
</mat-form-field>
<div class="no-field-hint">
<mat-form-field appearance="outline">
</mat-form-field>
</div>