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

Author: wdh2100

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',
  },
  },

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',
  },
  },