如何在AppBar中将NavLink移到右侧？

import React from 'react';
import { AppBar, Toolbar, Typography, Button } from '@material-ui/core';
import { NavLink } from 'react-router-dom';

const styles = {
  flexContainer: {
    display: 'flex',
    justifyContent: 'space-between',
  },
  navLink: {
    marginLeft: 'auto',
  },
};

const MyAppBar = () => {
  return (
    <AppBar position="static">
      <Toolbar style={styles.flexContainer}>
        <Typography variant="h6">My App</Typography>
        <NavLink to="/" exact activeClassName="active" style={styles.navLink}>
          <Button color="inherit">Home</Button>
        </NavLink>
        <NavLink to="/about" activeClassName="active" style={styles.navLink}>
          <Button color="inherit">About</Button>
        </NavLink>
        <NavLink to="/contact" activeClassName="active" style={styles.navLink}>
          <Button color="inherit">Contact</Button>
        </NavLink>
      </Toolbar>
    </AppBar>
  );
};

export default MyAppBar;