Невозможно удалить пространство между степконнектором и StepIcon в степпере Material-UI ⇐ CSS

[Anonymous]

Привет, моя цель — не оставлять места между ступенькой и соединителем. я пробовал все, но так и не смог понять.
По умолчанию мы получаем пространство между значком шага и соединителем. но я не хочу показывать пространство между ними.
Я пытался задать поле и все такое, но мне все равно не удалось удалить пространство между соединителем и значком шага.
Вот мой пример кода:

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"
}
});




{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- ... :2300-4152).

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


Подробнее здесь: https://stackoverflow.com/questions/675 ... ial-ui-ste