form-block Display Error: Form block dropdown

Hey all,

I hope someone can help me with a Form Block error.

I'm using a form block here, towards the bottom of the page, for my clients website (House of Gods):

https://www.houseofgodshotel.com/house-party

The issue

The form block has an added dropdown field titled 'Venue'. Visually the dropdown items render perfectly well on Apple devices, and I've tested it on a iPhone, iPad and iMac (with Safari, Chrome and Firefox). The issue is that on PCs, my client has told me that the dropdown (when clicked) the options are not visible until hovered over. It's as if it's stylistically showing white text on white background dropdown.

The same issue is happening on the contact page with the dropdown field there too.

I've attached some screenshots sent through by my client showing the issue. Does anyone know how I can solve this? Is it a styling error or a Squarespace bug?

You can use this to Website Tools > Custom CSS

div.form-block select option {
    color: #000 !important;
}

Hey @tuanphan,

I've implemented this, but not had a chance to test on a PC yet. But thank you, you are a true legend in this community! Much appreciated.