I put the Grid Container component above the Chart component in the hope that the child(Chart) component can follow the height of its parent, why isn't this working?

<TabPanel value={value} index={0} dir={theme.direction}>
   <Grid container spacing={3} className={styles['card']}>
      <Grid item xs={12} sm={6}>
          <ChartPredictionAnalytic />
       </Grid>
       <Grid item xs={12} sm={6}>
           <ChartAccuration />
       </Grid>
    </Grid>
</TabPanel>