[Radio] Centering issue in Safari

Dot in radio button is not centered in Safari for 13 and 15 inches screens. On iphone (checked on iphone Xs), chrome and firefox the dot is perfectly centered.

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Steps to Reproduce 🕹

That is how I style my radio button:

const RadioBtn = withStyles({
    root: {
        color: 'default',
        '&$checked': {
            color: '#604f93',
        },
    },
    checked: {},
})(props => <Radio color="default" {...props} />)

Live example of this issue can be found here: https://www.erudicat.com/heuristic-question-147 or https://www.erudicat.com/monte-carlo-analysis-question-337

Context 🔦

The majority of css rules in my project are scoped to particular components and the fact that I have such issue only in one browser make me assume that the issue is probably with MUI.

Thank you in advance!

Your Environment 🌎

Tech	Version
Material-UI	v4.8.2
React	16.12.0
Browser	Safari v13.0.5

[YuryShkoda]

Just tried the fix using scale() and it looks perfect. root: { "& svg:first-child": { transform: "scale(1)" } } I was able to test on 4 real screen resolutions. Huge thanks to everyone!

[anasufana]

Could I try this one?