SelectArrayInput label is crossed by topBorder of the input

[JasonStrazisar]

What you were expecting:
I want the SelectArrayInput design to be the same as the SelectInput:

What happened instead:
The top border of the SelectArrayInput cross the InputLabel:

Related code:

  <RaReferenceArrayInput
      {...props}
      required
      source="customers"
      reference="customers"
      filter={{ ignoreCustomerFilter: true }}
      perPage={2000}
    >
      <RaSelectArrayInput optionText="name" fullWidth />
    </RaReferenceArrayInput>

Or simply

 <RaSelectArrayInput source="source" choice={[...choices]}/>

Other information:

• React-admin version: 4.6.1
• Last version that did not exhibit the issue (if applicable): 3.19
• React version: 17.0.2
• Browser: Chrome and Firefox

[slax57]

Thanks for submitting this.
This issue is currently being addressed by #8465

[slax57]

Fixed by #8705