Vertical alignment of chips and input incorrect

[CrocoDillon]

Chips and input should be center aligned vertically but they are not. The offset is only small with normal chips but with small chips it's very obvious.

Sandbox: https://codesandbox.io/s/material-ui-chip-input-input-alignment-uvftp

Enter some data in the input field to see what I mean.

[leMaik]

Awesome! Added complexity due to small chips. 🙄

We now have three input variants (normal, outlined, filled), two chip variants (small, normal) and three margins (normal, dense, none). That's 18 variants to check. I'll look into this soon and make a storybook example with all 18 cases.

[CrocoDillon]

Yeah I figured when doing some testing on Code Sandbox (never used it before btw, it's awesome) that small chips are new in Material UI v4.

Also... it's 2019 and still vertical alignment can be a challenge 😆 Though flexbox does ease the pain a little bit in most cases.

[leMaik]

Also... it's 2019 and still vertical alignment can be a challenge

Yeah, it's mostly a chip margin and line height thing here.

[hermanho]

How about applying css?
https://codesandbox.io/s/material-ui-chip-input-input-alignment-w8cej