Как я могу отобразить две диаграммы рядом в реакции, используя пользовательский интерфейс материала?

Question

Я пытаюсь отобразить 2 диаграммы рядом в центре страницы, но у меня не получается. Я относительно новичок в материальном пользовательском интерфейсе.

      <Grid container spacing={2} >
<Grid item sm={6}  > 
<Nifty50/>
</Grid>

<Grid item sm={6}  > 
<Sensex/>
</Grid>
</Grid>

В итоге это выглядит так.

Любая помощь приветствуется. Спасибо.