title: Material UI Snackbar overlaps
body: <p>I am using Material UI Snackbar. I am not very new to Material UI but somehow I am unable to resolve the issue i.e., the snackbar is overlapping when it appears on top of the screen. I tried different ways to fix it but no luck.</p>
  
  <p>Please find below Snackbar component and its body style. Also please find this screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/9uUps.png" alt="Screenshot"></p>
  
  <pre><code>bodyStyle:{
    border: "2px solid #ffffff",
    minWidth: '50%',
    maxWidth: '100%',
    flexGrow: 0,
    height:'55px',
    backgroundColor: 'transparent',
    fontFamily: "Open Sans,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif",
    fontStyle: 'normal',
    fontWeight: 400,
    fontSize: 16
  } 
  snackbarfromTop: {
    top: 0,
    color: white,
    bottom: 'auto',
  }
  
  &lt;Snackbar
          open={this.state.open}
          message={this.state.error}
          autoHideDuration={4000}
          bodyStyle={myTheme.bodyStyle}
          action="Close"
          onRequestClose={this.handleRequestClose}
          onActionTouchTap={this.handleRequestClose}
          style={myTheme.snackbarfromTop}
        /&gt;
  </code></pre>