Carnation theme: Navigation block lacks padding on mobile

[ha-un]

Quick summary

When opening the navigation on mobile, menus have no padding on either sides.

Steps to reproduce

1. Activate Carnation theme
2. Add a menu to header
3. Inspect browser
4. Open hamburger menu

What you expected to happen

There should be enough padding on the side of the menus.

What actually happened

Menu items stick to the edge of the screen.

Browser

Google Chrome/Chromium

Context

No response

Platform (Simple, Atomic, or both?)

Simple, Atomic

Other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

CSS workaround works:

@media screen and (max-width: 600px) {
.wp-block-navigation {
padding-left: 40px !important;
}
}