[Grid] Spacing with negative margins results in sometimes imprecise layouts

I am using Grid to align-right buttons in a Card. Everything used to look super, but in recent incarnations of material-ui-next, the use of negative margins is resulting in non-ideal presentation with the right negative margin:

The code for this is:

<CardActions>
  <Grid container justify="flex-end">
    <Grid item>
      (buttons)
    </Grid>
  </Grid>
</CardActions>

Is there a preferred implementation for what I’m trying to achieve here?

[rosskevin]

@putzisan you can always make your own Grid with your own default props and simply search/replace imports. This is a simple 5 minutes or less workaround for you.

Now is the time for breaking changes, not post-1.0.

[oliviertassinari]

@bluepeter It’s hard to help without a live example of such issue. From your code, you would say that the best option is to use spacing={0}.

- <Grid container justify="flex-end">
+ <Grid container justify="flex-end" spacing={0}>
    <Grid item>

I start to think that it should be the default behavior. The negative margin can really cause trouble. It might not worth having spacing={8} by default. cc @mui-org/core-contributors.