react subranges are not full width

The sub-accordians are displaying as expected because of the flex property, the default flex direction is row. Just update the direction of the container and it should work.

.MuiAccordionDetails-root {
    display: flex;
    flex-direction: column; // <-- Here
    padding: 8px 16px 16px;

CLICK HERE to find out more related problems solutions.

Leave a Comment

Your email address will not be published.

Scroll to Top