diff --git a/packages/block-library/src/table/style.scss b/packages/block-library/src/table/style.scss index 31a7ae479957a3..7e1a4ca401af61 100644 --- a/packages/block-library/src/table/style.scss +++ b/packages/block-library/src/table/style.scss @@ -1,6 +1,10 @@ .wp-block-table { // Fixed layout toggle - &.has-fixed-layout tbody { + &.has-fixed-layout thead, + &.has-fixed-layout tbody, + &.has-fixed-layout tfoot { + display: table; table-layout: fixed; + width: 100%; } } diff --git a/packages/block-library/src/table/theme.scss b/packages/block-library/src/table/theme.scss index 86872dfa9e84c3..85142028869f51 100644 --- a/packages/block-library/src/table/theme.scss +++ b/packages/block-library/src/table/theme.scss @@ -1,11 +1,15 @@ .wp-block-table { overflow-x: auto; + display: block; // Necessary in order for this table to be mobile responsive. border-collapse: collapse; width: 100%; - tbody { + thead, + tbody, + tfoot { width: 100%; min-width: $break-mobile / 2; + display: table; } td,