Issue 1:
Versions

Material-UI: 1.0.0-alpha.19

React: 15.5.4

Browser: Chrome

In current implementation of Dialog component dialog content has next style MuiDialogContent-root-... and predefined style property overflow-y:auto

it cause issue when I use Select component from react-select

But without this property all work fine

Is it possible to fix it?

Issue 2:
[x ] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Copy and paste components and have them actually work out of the box just like Bootstrap components

Current Behavior

I copy and pasted the entire example in https://material-ui.com/demos/buttons/ for a Raised Button and it does not work. There are extra dependencies i.e. PropTypes required just for the example which makes it hard to "plug and play." The export statement is very confusing with export default withStyles(styles)(RaisedButtons);

Button.js:61 Uncaught TypeError: Cannot read property 'short' of undefined

index.js:2177 The above error occurred in the <WithStyles(Button)> component:

Steps to Reproduce (for bugs)

Copy and paste the code in the source section of Raised Button or any Button and try to render it in a current project. I tried with and with out MuiThemeProvider to no avail.

import Button from 'material-ui/Button';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
export default class Test extends Component {
constructor(props) {
super(props);
}
render() {

return (

<MuiThemeProvider>
<Button variant="raised" color="primary">
Hello World
</Button>
</MuiThemeProvider>
);
}
}```
OR

```import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import Button from 'material-ui/Button';

const styles = theme => ({
button: {
margin: theme.spacing.unit,
},
input: {
display: 'none',
},
});

function RaisedButtons(props) {
const { classes } = props;
return (
<div>
<Button variant="raised" className={classes.button}>
Default
</Button>
<Button variant="raised" color="primary" className={classes.button}>
Primary
</Button>
<Button variant="raised" color="secondary" className={classes.button}>
Secondary
</Button>
<Button variant="raised" color="secondary" disabled className={classes.button}>
Disabled
</Button>
<input
accept="image/*"
className={classes.input}
id="raised-button-file"
multiple
type="file"
/>
<label htmlFor="raised-button-file">
<Button variant="raised" component="span" className={classes.button}>
Upload
</Button>
</label>
</div>
);
}

RaisedButtons.propTypes = {
classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(RaisedButtons);```
## Context
<!---
How has this issue affected you? What are you trying to accomplish?
Providing context helps us come up with a solution that is most useful in the real world.
-->
Honesty I have wasted over 2 hours just trying to get a simple button working and I got an academic scholarship to a great school and been deving over a year now and it should not be this hard at all. Please just copy the style of how Bootstrap does it. Very easy to plug and play.

## Your Environment
<!--- Include as many relevant details about the environment with which you experienced the bug. -->
Chrome Version 62.0.3202.94 (Official Build) (64-bit)
Linux Ubuntu OS 16.04 LTS
"react": "^16.2.0",
"material-ui": "^1.0.0-beta.31",
"material-ui-icons": "^1.0.0-beta.17",