[material-ui][Button] Height is at 36.5px instead of 36px

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Honestly this is such a small thing but it bugs me to no end when trying to setup things in the UI consistently. The button height measures out to 36.5px when bring inspected in Chrome/Firefox/Edge when the height should be at 36px.

There seem to be some other components that were effected as well. Subtitle2 was a 22px high I believe and now its some fraction. My assumption is this was due to a browser update.

Again this is in no way a huge issue just something I have noticed.

Expected behavior 🤔

Button height should be at 36px not 36.5px

Steps to reproduce 🕹

Steps:

1.Go to MUI in any browser
2. Inspect the button component
3. View the height result

Context 🔦

It would be nice if the output height of components were not decimals at it makes precision aligning and component altering a bit more difficult when decimals need to be used.

Your environment 🌎

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

No source file or test is named. Reproduce the Button height in Chrome, Firefox, and Edge, then trace the Material UI Button styling and related component typography to identify the cause of the fractional measurement. Done means the Button measures 36px without regressing the other affected components.