[material-ui][Button] startIcon size is different when icon is wrapped with Badge #39544
Open
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Steps to reproduce 🕹
Link to live example: https://codesandbox.io/s/loving-booth-8zq3q7?file=/src/Demo.js
Current behavior 😯
The startIcon wrapped into Badge is larger than the one that is not wrapped with Badge
Expected behavior 🤔
Both icons should be of the same size.
Context 🔦
This is coming from the DataGrid's toolbar issue, where the "Filters" button is wrapped with Badge:
Your environment 🌎
npx @mui/envinfo
Don't forget to mention which browser you used.
Output from `npx @mui/envinfo` goes here.