Align react table to centre of page

Question

I'm working on a table in react and struggling to centre it to the page, so that it sits under the drop-down select and Title

Here is my codesandbox

Answer 1

Just add margin: auto; to your StyledTable, like so:

const StyledTable = styled.table`
    border-collapse: collapse;
    margin: auto;
  `;