[Button] small button text not vertically centered with Roboto

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

The text inside of a button with size="small" is not centered vertically. This is especially obvious when used with an icon or a contained/outlined button.

Expected behavior 🤔

The text inside of a button with size="small" is centered vertically.

Steps to reproduce 🕹

Steps:

1. Use <Button size="small">text</Button>
2. Observe text

Context 🔦

Codesandbox link

Screenshots: Medium (alignment ok)

Small (text too high)

Your environment 🌎

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[danilo-leal]

Hey @shagungarg0, thanks for the willingness to start working on this issue. However, @abhinav-22-tech already took the lead and opened the PR for it but given it is a breaking change, we put it on hold until the next major (can’t give you a prediction when that will happen exactly though).

To find more good opportunities to contribute and learn, you can filter the issues with good to take and good first issues labels and look around if any of them get you interested!

[danilo-leal]

Won’t it be better to have logos like v6 and on hold?

Yup, I guess so! Thanks for the heads up @gauravsoti1!