[Dialog] Cannot override styles

[croraf]

• [x ] I have searched the issues of this repository and this could be a duplicate of CSS class position is overriden by internal inline style #841.

Current Behavior

Expected Behavior

              <Dialog
                        title='Make transaction'
                        modal={false}
                        open={this.state.open}
                        onRequestClose={this.handleClose}
                        actions={<RemoteSubmitButton handleClose={this.handleClose}/>}
                        contentStyle={{width: '95%', maxWidth: '1400px'}}
                        bodyStyle={{maxHeight: '250px', overflowY: 'auto'}}
                        style={{marginTop: '-200px', paddingTop: '100px'}}>
                        
                        <div />
                        
                </Dialog>

With style attribute of Dialog I want to set the style of the root element.
The marginTop attribute is set but paddingTop is not, instead internal paddingTop is used and cannot be overriden with style={{}}.
I should be able to override the styles of dialog.

Your Environment

Tech	Version
Material-UI	v0.19.4

[mbrookes]

@croraf We're focusing on the v1-beta branch. Style overriding is much improved there. Since Dialog is migrated, I'm closing this issue, but if you would like to submit a PR to improve this on the master branch, feel free.