Wrong Form.Field feedback's vertical position is off when using placed in a vertical Form layout

[eduludi]

Version

3.1.5

Environment

macOS, Chrome and Safari

Reproduction link

IMPORTANT: This only happen when using a custom LESS theme, that's why it "works" in the reproduction example.

https://codesandbox.io/s/328nvpo8oq

Steps to reproduce

Insert a Form.Field with hasFeedback in a Form with layout="vertical".

What is expected?

Form.Field's feedback to be aligned vertically, like this:

What is actually happening?

Feedback icons are offset, displaced vertically downwards:

Looks like when the less version get compiled, these styles are used:

.@{form-prefix-cls}-vertical {
  .@{form-prefix-cls}-item {
    padding-bottom: 8px;
  }
  .@{form-prefix-cls}-item-control {
    line-height: @line-height-base; // <-- HERE
  }
  .@{form-prefix-cls}-explain,
  .@{form-prefix-cls}-extra {
    margin-top: 2px;
    margin-bottom: -4px;
  }
}

In .ant-form-item-control the line-heigh: @line-height-base; instead of line-height: @form-component-max-height - 0.0001px;

[benjycui]

@eduludi PR is welcomed, thanks.