root: {
boxSizing: 'border-box',
width: '100%',
- height: '550px',
- overflow: 'scroll',
+ height: 'auto',
+ maxHeight: '550px',
+ overflow: 'auto',
padding: theme.spacing.unit
}
});
<Typography component="div" className={classes.root}>
{
lines.map((line: string, index: number) => {
- return <Typography key={index} component="div">{line}</Typography>;
+ return <Typography key={index} component="pre">{line}</Typography>;
})
}
</Typography>