Center material UI dialog in div (default centered by window)

I have a StyledDialog made by withStyles

const StyledDialog = withStyles({
  paper:{
    // top:100,
    padding: 0,
    boxShadow:'none',
    height: 188,
    // width:'35%',
    borderRadius:14
  }
})(Dialog);

By default, it is centered in window fullscreen. But I want to make it centered by its container. Is there any elegant way to do that?