I recently dived into the world of Material UI for React and it's been a good experience so far. However, I've noticed a white gap in my header that I can't seem to get rid of.
https://i.sstatic.net/zAZJu.png
Here is the snippet from my index.js file where I'm loading the MuiTheme:
const muiTheme = getMuiTheme({
palette: {
textColor: teal500,
},
});
render(
<MuiThemeProvider muiTheme={muiTheme}>
<Provider store={store}>
<Router history={browserHistory} routes={routes} />
</Provider>
</MuiThemeProvider>,
document.getElementById('app')
);
Any suggestions on what kind of styling I should apply to fix this issue?
Thanks in advance!