const styles = {
  container: {
    height: '100%',
    display: 'flex',
    flexFlow: 'column nowrap'
  },
  modal: {
    content: { padding: 0, bottom: 'auto' }
  },
  window: {
    width: 'auto', height: 'auto'
  },
  logMonitor: {
    flexGrow: '1',
    position: 'relative'
  },
  sliderMonitor: {
    minWidth: '300px'
  },
  buttonBar: {
    padding: '5px',
    textAlign: 'center',
    display: 'flex',
    flexFlow: 'row nowrap',
    borderTopWidth: '1px',
    borderTopStyle: 'solid',
    borderBottomWidth: '1px',
    borderBottomStyle: 'solid',
    borderColor: '#4F5A65',
    flexDirection: 'row',
    backgroundColor: '#353B46',
    fontFamily: 'monaco, Consolas, Lucida Console, monospace',
    minWidth: '300px',
    minHeight: '35px'
  },
  buttonText: {
    verticalAlign: 'middle',
    marginLeft: '2px'
  },
  switchLabel: {
    paddingTop: '5px',
    paddingLeft: '60px',
    paddingRight: '25px'
  },
  instances: {
    border: '1px solid #8A96A2',
    fontSize: '14px',
    fontFamily: 'monaco, Consolas, Lucida Console, monospace',
    backgroundColor: 'rgb(79, 90, 101)',
    color: '#fff',
    width: '100%',
    height: '27px',
    marginTop: '3px'
  },
  syncToggle: {
    marginLeft: '10px',
    marginTop: '3px'
  }
};

export default styles;

const styles = {
  container: {
    height: '100%',
    display: 'flex',
    flexFlow: 'column nowrap'
  },
  modal: {
    content: { padding: 0, bottom: 'auto' }
  },
  window: {
    width: 'auto', height: 'auto'
  },
  logMonitor: {
    flexGrow: '1',
    position: 'relative'
  },
  sliderMonitor: {
    minWidth: '300px',
    zIndex: '0'
  },
  buttonBar: {
    padding: '5px',
    textAlign: 'center',
    display: 'flex',
    flexFlow: 'row nowrap',
    borderTopWidth: '1px',
    borderTopStyle: 'solid',
    borderBottomWidth: '1px',
    borderBottomStyle: 'solid',
    borderColor: '#4F5A65',
    flexDirection: 'row',
    backgroundColor: '#353B46',
    fontFamily: 'monaco, Consolas, Lucida Console, monospace',
    minWidth: '300px',
    minHeight: '35px'
  },
  buttonText: {
    verticalAlign: 'middle',
    marginLeft: '2px'
  },
  switchLabel: {
    paddingTop: '5px',
    paddingLeft: '60px',
    paddingRight: '25px'
  },
  instances: {
    border: '1px solid #8A96A2',
    fontSize: '14px',
    fontFamily: 'monaco, Consolas, Lucida Console, monospace',
    backgroundColor: 'rgb(79, 90, 101)',
    color: '#fff',
    width: '100%',
    height: '27px',
    marginTop: '3px'
  },
  syncToggle: {
    marginLeft: '10px',
    marginTop: '3px'
  }
};

export default styles;

Fix the issue with zIndex of slider monitor