[Dialog] How to modify max width of dialog box?

Currently I have the Dialog props set to:

 title="Dialog" 
              modal = {true}
              actions={standardActions}
              autoDetectWindowHeight={false} 
              autoScrollBodyContent={false}
              contentStyle={{width: 700}}
              ref="addNewDialog"

If I change contentStyle={{width: 700}} it will not widen. But if I change it to something really small, like 10 px, it works. Does anyone know how I can set it to a much bigger display?

[msafrin3]

add div after Dialog and put a size on in

                <Dialog
                    open={this.state.open}
                    onClose={this.handleClose}
                    aria-labelledby="alert-dialog-title"
                    aria-describedby="alert-dialog-description"
                    maxWidth="false"
                >
                    <div style={{width: 500}}>
                        <DialogTitle id="alert-dialog-title">{this.props.title}</DialogTitle>
                        <DialogContent>
                            <DialogContentText id="alert-dialog-description">
                                {this.props.message}
                            </DialogContentText>
                        </DialogContent>
                        <DialogActions>
                            <Button onClick={this.handleClose} color="primary" autoFocus>
                                Close
                            </Button>
                        </DialogActions>
                    </div>
                </Dialog>

[metalmatze]

<Dialog
title="Dialog" 
modal = {true}
actions={standardActions}
autoDetectWindowHeight={false} 
autoScrollBodyContent={false}
style={{width: 700}}
ref="addNewDialog">

Use style instead of contentStyle?