[data grid] Aggregation label alignment issue with density="compact"

[cherniavskii]

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/brave-shape-rgx13z?file=/package.json

Steps:

1. Change density to "compact"

Current behavior 😯

Aggregation label alignment is off:

Expected behavior 🤔

Aggregation label should be properly aligned

Context 🔦

We fixed the alignment for standard density in #8694
But with compact density, it looked better before this change:

Demo with data grid v6.2.0: https://codesandbox.io/s/currying-browser-929bqc?file=/package.json

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Order ID or Support key 💳 (optional)

No response

[github-actions]

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@cherniavskii: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.