I'm working with the MUI tree component and I want to remove the left margin of the second layer of MuiTreeItem-group
I attempted to use makeStyles to address this issue, but it didn't have the desired effect
const useStyles = makeStyles(() => ({
root: {
".MuiCollapse-root .MuiCollapse-vertical .MuiTreeItem-group": {
marginLeft: '0px',
},
}
}))
Next, I tried using @global to make modifications, but this ended up affecting other layers as well
const useStyles = makeStyles(() => ({
root: {
"@global": {
".MuiTreeItem-group": {
marginLeft: '0px'
}
}
}
}))
https://i.sstatic.net/KlSQs.png
The desired outcome is to only modify the second layer specifically