[docz-theme-default] responsive tables don't render full width

[smeijer]

Bug Report

Describe the bug

The table from docz-theme-default, doesn't render correctly on some breakpoints:

To Reproduce

1. Create a readme.mdx
2. Add a table as content:

 A  |  B  |  C 
--- | --- | ---
 1  |  2  |  3
 4  |  5  |  6

3. npm run docz:dev
4. Scale your browser window
5. See table not being 100% wide

Additional context/Screenshots

Changing the display: block to display: table on the <table element, trough dev tools, fixes the rendering issue.

I've also tried the style override through the theme file, as suggested in the readme but that doesn't seem to change anything:

export default {
  themeConfig: {
    styles: {
      h1: {
        fontSize: 100,
      },
      table: {
        display: ['table', 'table', 'table', 'table'],
      },
    },
  },
};

*edit:

This theme config does solve the issue:

  themeConfig: {
    styles: {
      table: {
        display: 'table',
      },
    },