title: Customize MUI Table styles - last-child
body: <p>I am trying to adjust the padding of MUI <code>Table</code>.
  <code>last-child</code> gets padding 24px which I want to adjust. I have tried to override the theme and to use <code>classes{{root: classes.xxx}}</code> but am not able to change it.</p>
  <p>Below is the code I used for overriding the theme (I have also tried to override <code>MuiTableRow</code> and <code>MuiTableColumn</code>):</p>
  <pre><code>const theme = createMuiTheme({
    overrides: {
      MuiTableCell: {
        root: {
          paddingTop: 4,
          paddingBottom: 4,
          '&amp;  $lastChild': { paddingRight: '5px' },
        },
        paddingDefault: {
          padding: '40px 12px 40px 16px',
        },
      },
    },
  });
  </code></pre>
  <p>This is the CSS that I am trying to change (the last cell of each row in the table):</p>
  <pre class="lang-css prettyprint-override"><code>.MuiTableCell-root-511:last-child {
      padding-right: 24px;
  }
  </code></pre>
  <p>Hope someone can give a helping hand.</p>