hacer esto
<Grid container> <Grid container direction="column" item xs align="left"> <Grid item > <Typography> sample text </Typography> </Grid> </Grid> <Grid container direction="column" item xs align="right"> <Grid item > < LocationIcon/> </Grid> </Grid> </Grid>Utilice justificarse y el valor debe flexionarse en el icono. ejemplo: LocationIcon{justify-self: flex-end;} Después de que la propiedad de visualización del elemento principal se haya establecido en grid o flex.