Material-ui: टाइपस्क्रिप्ट उदाहरण के साथ प्रतिक्रिया ऐप में बहुत छोटा फ़ॉन्ट

मैंने अपना ऐप https://github.com/mui-org/material-ui/tree/v1-beta/examples/create-react-app-with-typescript पर आधारित किया है

मैं बहुत ही बुनियादी नौबार को शामिल करने की कोशिश कर रहा हूँ:

const styles: StyleRulesCallback<'root'> = theme => ({
  root: {
    textAlign: 'center',
    paddingTop: theme.spacing.unit * 20,
  },
});

class App extends React.Component<WithStyles<'root'>, {}> {

  render() {
    return (
      <div className={this.props.classes.root}>

          <AppBar>
            <Toolbar>
              <Typography variant="title" color="inherit">
                 Title
              </Typography>
            </Toolbar>
          </AppBar>

      </div>
    );
  }
}

export default withRoot(withStyles(styles)<{}>(App));

ऐसा लगता है कि सामग्री यूआई घटकों में सभी फोंट छोटे हैं। बटन, चयन, टाइपोग्रही।

उदाहरण के लिए, मैं इसे क्यों देखता हूं:

इसके बजाय https://material-ui-next.com/demos/app-bar/

मेरा मतलब है कि फ़ॉन्ट इतना छोटा क्यों है?