Dorna: Some elements on comments form overlapping on mobile devices

[druesome]

Quick summary

On a site using the Dorna theme, some elements on the comments form are overlapping on mobile devices, particularly the checkboxes for "Notify me of new comments via email." and "Notify me of new posts via email."

Logged in view:

Logged out view:

Ticket: 4954454-zen

Steps to reproduce

1. Activate Dorna theme
2. Publish a blog post
3. Visit blog post on mobile device (Chrome or Safari)
4. Scroll down to see comments form

What you expected to happen

For the checkboxes for "Notify me of new comments via email." and "Notify me of new posts via email." to line up neatly.

What actually happened

They are overlapping on top of each other.

Context

No response

Browser

iOS Safari, Android Chrome

Simple/Atomic

Simple

Other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

This CSS code would fix it:

.wp-block-post-comments form {
    display: block;
}

But this requires a purchase of the Premium or Pro plan.

[Robertght]

Thank you for reporting this @druesome ! I'm closing it in favor of this one: Automattic/themes#5894