在Material UI中，如何在弹性列中右对齐一个按钮？

import React from 'react';
import { Grid, Button } from '@material-ui/core';

const MyComponent = () => {
  return (
    <Grid container>
      <Grid item xs={12} sm={6} md={4} lg={3}>
        <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
          <Button variant="contained" color="primary">右对齐按钮</Button>
        </div>
      </Grid>
    </Grid>
  );
}

export default MyComponent;