[docs] Fix nested cells alignment in the popular features demo (#12450)

mui · Mar 15, 2024 · 150d3ce · 150d3ce
1 parent a518d0a
commit 150d3ce
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/docs/data/data-grid/demo/PopularFeaturesDemo.js b/docs/data/data-grid/demo/PopularFeaturesDemo.js
@@ -521,7 +521,8 @@ export default function PopularFeaturesDemo() {
         }}
         sx={{
           fontFamily: 'IBM Plex Sans',
-          [`& .${gridClasses.cell}`]: {
+          // Do not target cells in nested grids
+          [`& > div > div > div > div > div > .${gridClasses.cell}`]: {
             py: 1.5,
           },
           [`& .${gridClasses.columnHeaderTitle}`]: {

diff --git a/docs/data/data-grid/demo/PopularFeaturesDemo.tsx b/docs/data/data-grid/demo/PopularFeaturesDemo.tsx
@@ -542,7 +542,8 @@ export default function PopularFeaturesDemo() {
         }}
         sx={{
           fontFamily: 'IBM Plex Sans',
-          [`& .${gridClasses.cell}`]: {
+          // Do not target cells in nested grids
+          [`& > div > div > div > div > div > .${gridClasses.cell}`]: {
             py: 1.5,
           },
           [`& .${gridClasses.columnHeaderTitle}`]: {