Baskerville 2 Theme :: Form Block :: Dropdown arrow is misaligned.

[mdtanjid0]

Quick summary

With the Baskerville 2 Theme, the dropdown arrow of a Form block isn't showing in the right place, especially on the frontend:

It looks like the issue is theme-specific; I have checked with another theme, like Programme, and it worked fine there.

Steps to reproduce

1. Activate Baskerville 2 theme.
2. Add a Form block with a Dropdown field.
3. Add some options there.
4. Then, check that on the frontend.

What you expected to happen

The arrow shouldn't appear like that on the frontend; it should be positioned on the right side of the input and align with it.

What actually happened

It's showing out of alignment, essentially going underneath the dropdown field.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

I have tested on Simple as well as on AT sites so far with the same theme and was able to replicate it.

Ref: 7672252-zen

Used this CSS as a workaround:

/* Adjust dropdown arrow postion | ( 7672252-zen ) MT */

.contact-form .contact-form__select-wrapper:after {
    right: 10px;
    top: 40%;
}

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 7672252-zen

[maciejpilarski]

📌 REPRODUCTION RESULTS – Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO I was able to reproduce the issue on my test site:

📌 ACTIONS – Triaged