Change ":nth-child" to ":nth-of-type"

gregnb · Feb 20, 2022 · e870c8f · e870c8f
1 parent 452ca69
commit e870c8f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/TableBodyCell.js b/src/components/TableBodyCell.js
@@ -36,7 +36,7 @@ const useStyles = makeStyles({ name: 'MUIDataTableBodyCell' })(theme => ({
       '&:last-child': {
         borderBottom: 'none',
       },
-      '&:nth-last-child(2)': {
+      '&:nth-last-of-type(2)': {
         borderBottom: 'none',
       },
     },
@@ -50,7 +50,7 @@ const useStyles = makeStyles({ name: 'MUIDataTableBodyCell' })(theme => ({
     '&:last-child': {
       borderBottom: 'none',
     },
-    '&:nth-last-child(2)': {
+    '&:nth-last-of-type(2)': {
       borderBottom: 'none',
     },
   },

diff --git a/src/components/TablePagination.js b/src/components/TablePagination.js
@@ -21,7 +21,7 @@ const useStyles = makeStyles({ name: 'MUIDataTablePagination' })(theme => ({
   selectRoot: {},
   '@media screen and (max-width: 400px)': {
     toolbar: {
-      '& span:nth-child(2)': {
+      '& span:nth-of-type(2)': {
         display: 'none',
       },
     },