Having trouble removing the display flex property from the MuiCollapse-wrapper,
I did some research and found the rule name for the wrapper in this link https://material-ui.com/api/collapse/
I have been unsuccessful in overwriting the class name wrapper to remove display flex from MuiCollapse-wrapper. Any guidance on how to resolve this issue?
See code snippet and sandbox below:
https://codesandbox.io/s/material-demo-i00qt
wrapper: {
display: "inherit !important"
}
<Collapse in={expanded} timeout="auto" unmountOnExit>
<CardContent>
<Typography paragraph>Method:</Typography>
<FormControl
style={{
width: "100%"
}}
component="fieldset"
className={classes.formControl}
>
<li>
Heat 1/2 cup of the broth in a pot until simmering, add saffron
and set aside for 10 minutes{" "}
</li>
<li>
Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet
over medium-high heat. Add chicken, shrimp and chorizo, and cook,
stirring occasionally until lightly browned, 6 to 8 minutes.
Transfer shrimp to a large plate and set aside, leaving chicken
and chorizo in the pan
</li>
</FormControl>