Der Platz zwischen dem Stepconnector und dem StepIcon im Material-UI-Stepper konnte nicht entfernt werden ⇐ CSS

[Guest]

Hallo, mein Ziel ist es, zwischen der Stufe und dem Verbinder keinen Platz zu lassen. Ich habe es auf jeden Fall versucht, aber ich konnte es immer noch nicht herausfinden.
Standardmäßig erhalten wir den Leerraum zwischen dem Schrittsymbol und dem Anschluss. aber ich möchte keinen Leerraum dazwischen anzeigen.
Ich habe versucht, einen Rand zu lassen, aber ich konnte den Leerraum zwischen dem Verbindungsstück und dem Schrittsymbol immer noch nicht entfernen.
Hier ist mein Beispielcode:

Code: Select all

const styles = (theme) => ({
root: {
width: "90%"
},
button: {
marginTop: theme.spacing.unit,
marginRight: theme.spacing.unit
},
actionsContainer: {
marginBottom: theme.spacing.unit * 2
},
resetContainer: {
padding: theme.spacing.unit * 3
},
contentRoot: {
borderColor: "red"
},
connectorLine: {
borderColor: "red"
}
});

Code: Select all

{steps.map((label, index) => {
return (

{label}

{getStepContent(index)}



Back


{activeStep === steps.length - 1 ? "Finish" : "Next"}





);
})}

{activeStep === steps.length && (

All steps completed - you"re finished

Reset


)}

```

[here is sample o/p](https://codesandbox.io/s/material-demo-forked-r4pe2?file=/demo.js:2300-4152).

Can anyone help me with this query?
Thanks! in advance