I am attempting to place the edit icon button on the right side of my card, similar to the image shown below. Please refer to this sandbox link for the current output:
VIEW IMAGE HERE
<CardHeader
classes={{
title: classes.title
}}
className={classes.cardHeader}
title={"John Smith"}
subheader={
<h2 style={{ color: "white", textAlign: "center" }}>
User
</h2>
}
/>
<Button
variant="contained"
color="secondary"
className={classes.editButton}
startIcon={<EditIcon />}
/>