I would like to change the following code to meet my needs

I need to change the icon step from

to this :

I can not change the style and also add an intermediate step

I added , '.Mui-active': { color: '#1C6FC9', }, here is the link to the sandbox

Live Demo

CodePudding user response：

please add this style into your css. I hope this works

.css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root.Mui-active {
    padding-right: 0;
    border: 2px solid #1C6FC9;
    border-radius: 50%;
    padding: 6px;
}