Prevent Gutenberg from breaking words in table blocks

For some reason, the Gutenberg editor applies the following CSS rule to table block cells:

.wp-block-table td, .wp-block-table th {
    word-break: break-all;
}

This rule will make your tables look something like this:

As you can see, a cell’s text content will be wrapped mid-word which might not be the behavior you’d expect from your table cells (at least it wasn’t was I was expecting).

To fix the issue, add the following rule either to your theme’s CSS file or use the “Add custom CSS” functionality offered by the WordPress site customizer:

.wp-block-table td, .wp-block-table th {
    word-break: normal;
}

You could also define a utility CSS class to apply the rule on a per-block basis:

.word-break-normal td, .word-break-normal th {
    word-break: normal;
}