NO BUG: Gutenberg tables not styled correctly on frontend

Bugs
1

Hi Bricks team,

I’m currently testing a custom Bricks build based on Bricks 2.4.2, which was provided to me by itchycode because of a separate issue related to contextual spacing and Gutenberg.

While testing this build, I noticed another Gutenberg-related styling issue. I’m not sure whether this is connected to the recent Gutenberg/theme style changes or whether it is a separate issue.

Gutenberg tables are displayed correctly inside the Block Editor, but appear essentially unstyled on the frontend.

The table markup on the frontend appears to be correct, for example:

<figure class="wp-block-table"> <table class="has-fixed-layout">

However, the expected table styling does not seem to be applied on the frontend.

When inspecting the table cells (td) in DevTools, I only see the following Bricks rule:

border-color: var(–bricks-border-color);

Apart from that, the cells mainly receive the browser’s default styles. There is no corresponding padding or border styling that would produce the table appearance shown in the Gutenberg editor.

The same applies to th, apart from the browser’s default bold styling.

I’m aware that there are currently several reports in the forum regarding Gutenberg styling and the changes introduced around Bricks 2.4. However, I couldn’t find an existing report that specifically describes this issue with Gutenberg tables on the frontend.

Before adding custom CSS as a workaround, I wanted to check whether Gutenberg tables should normally receive frontend styling from Bricks and whether this behavior could be related to the recent changes.

Could you please have a look and let me know if this is expected behavior or a potential issue?

Thanks!

3

Thanks for your report!
However, I can’t reproduce the issue on my installation (/ I don’t know how to). Please try again with a “standard” 2.4.2 installation—it’s possible that your “interim” version is different. If it happens there as well, please share the site URL.

As far as I can tell, the default table styles come from WordPress itself:

CleanShot 2026-10-05 at 12.30.49@2x
CleanShot 2026-10-05 at 12.30.49@2x3440×1234 408 KB

4

Hi Timmse,

thanks for looking into this — and for clarifying that the table styles come from WordPress.

I was able to resolve it on my end: after inserting a Gutenberg Table block directly in the Block Editor (on the page/content itself), the frontend styling started working as expected.

It seems the relevant CSS wasn’t present/applied before that, and adding the table block triggered it. So this doesn’t appear to be a Bricks bug after all — at least not in my case.

You can close this ticket from my side.

Thanks again!

6

Okay, I’m glad you were able to solve the problem on your own :+1:

7

It would be ultra cool to create some page in Docs - “Proper way to use Gutenberg with Bricks and dont fight with styling” guide… :slight_smile: ..