Payton: Default and Wide Line Separator block styles don't work

[cecilearkay]

Quick summary

The Default and Wide Line Separator block styles do not work. The only way to display the Separator block is to use the Dots styles.

Steps to reproduce

1 - Activate the Payton theme.
2 - Create a page and add a Separator block.
3 - Try to use either the Default or Wide Line style.
4 - You'll see it displays in the editor as expected.

5 - Publish the page and check it on the live site to see the Separator line isn't showing.

What you expected to happen

I expected the line to display with all styles and not just the Dots style.

What actually happened

The line from the Separator block doesn't show if it's the Default or Wide Line styles.

Browser

No response

Context

No response

Platform (Simple, Atomic, or both?)

No response

Other notes

No response

Reproducibility

Consistent

Severity

None

Available workarounds?

Yes, easy to implement

Workaround details

It can be fixed with some CSS, such as:

.wp-block-separator {
    border-width: 2px;
}

[rickmgithub]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

Problem is exactly as OP says.
However on Simple sites, it doesn't show if it's set as default as well.

Screen.Capture.on.2024-05-01.at.17-33-02.mp4

There was a similar issue that was closed sometime ago - #5727

📌 ACTIONS

Very similar case here - Automattic/wp-calypso#60108
Closing in favor of that case.