Combobox height differs from TextInput height with same size

[lgaspari]

What package has an issue

@mantine/core

Describe the bug

Previously in v6, the MultiSelect with size="xs" had a height of 30px, which is the exact same height as the TextInput using the same size prop. However, in v7 we can see that the MultiSelect height changed from 30px to 31.2px, making it look slightly off. The same applies for all size values, except for "xl" that matches 60px.

See comparison: v6 vs. v7

What version of @mantine/* packages do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)

7.1.0

If possible, please include a link to a codesandbox with the reproduced problem

https://codesandbox.io/s/focused-flower-vlhtg6?file=/src/App.tsx

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

Might be related to --input-padding-y-{size} value

[rtivital]

Fixed in 7.1.1

[lgaspari]

Hey @rtivital, could it be possible that the MultiSelect's input height when size="xs" is 30.19px instead of 30px? You can use the same v7 codesandbox to reproduce.

(I know it's a slight difference of 0.19px, but still wanted to call that out!)