diff --git a/packages/block-library/src/table/style.scss b/packages/block-library/src/table/style.scss index 7e1a4ca401af61..494bae58899594 100644 --- a/packages/block-library/src/table/style.scss +++ b/packages/block-library/src/table/style.scss @@ -1,9 +1,6 @@ .wp-block-table { // Fixed layout toggle - &.has-fixed-layout thead, - &.has-fixed-layout tbody, - &.has-fixed-layout tfoot { - display: table; + &.has-fixed-layout { table-layout: fixed; width: 100%; } diff --git a/packages/block-library/src/table/theme.scss b/packages/block-library/src/table/theme.scss index 85142028869f51..4266ce6f110b8d 100644 --- a/packages/block-library/src/table/theme.scss +++ b/packages/block-library/src/table/theme.scss @@ -1,20 +1,12 @@ .wp-block-table { - overflow-x: auto; - display: block; // Necessary in order for this table to be mobile responsive. - border-collapse: collapse; width: 100%; - - thead, - tbody, - tfoot { - width: 100%; - min-width: $break-mobile / 2; - display: table; - } + min-width: $break-mobile / 2; + border-collapse: collapse; td, th { padding: 0.5em; border: 1px solid currentColor; + word-break: break-all; } }