bug(mat-select): has different height than matInput

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

13.2.3

### Description

If you render a mat-input and a mat-select component next to each other you can see that mat-select is slightly higher than the mat-input. This is a specific `appearance="outline"` issue. Using `appearance="fill"` the height is the exact same. (see https://material.angular.io/components/form-field/examples)

## Mat Input

### mat-form-field


### .mat-form-field-infix


## Mat Select

### mat-form-field


### .mat-form-field-infix


### Reproduction

[StackBlitz Demo](https://stackblitz.com/edit/angular-u1v9f4-pne1zy?file=src%2Fapp%2Fform-field-overview-example.html
)

### Expected Behavior

All form components should have the same height.

### Actual Behavior

The height is different when using `appearance="outline"`

### Environment

- Angular: 13.0.x
- CDK/Material: 13.2.3
- Browser(s): Chrome 98.0.4758.102
- Operating System Windows

Start with the linked StackBlitz reproduction, especially src/app/form-field-overview-example.html, and compare the mat-form-field markup for matInput and mat-select with appearance="outline". Done means both controls render at the same height while the existing appearance="fill" behavior remains unchanged.

Written by the indexing model from the issue text.