Use Grid size prop so AV panels fill the row

Shipped

April 26, 2026 at 9:59 PM UTC

Author

kamo

Commit

ad40673

MUI v7's Grid is flexbox-based, so the gridColumn sx I'd been using was a no-op — items rendered at their natural width and left empty space on the right. Switching to the supported size prop (size={{ xs: 12, md: 6, lg: 4 }}) makes each panel actually claim its share of the 12-column row.