Within my outer component, I am utilizing MuiThemeProvider:
<MuiThemeProvider theme={full_theme_e}>
<div>
<AppBar />
<Filter />
</div>
</MuiThemeProvider>
Inside the Filter component, I have specified a custom style:
const styles = {
expansionPanel: {
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
}
};
This style is applied to the component like so:
<ExpansionPanel className={classNames(classes.expansionPanel, className)}
Finally, in my export statement, I incorporate the style using withStyles:
export default withStyles(styles)(Filter);
The issue arises when my customized style conflicts with the styling from MuiThemeProvider. Why is this happening? https://i.sstatic.net/6S6G7.png