Drop-down menu resizing when page is opened inside group

Problem:

Having some issues with drop down menu fields inside a Contact Form 7 Conditional Field group.

Upon page load and the conditional field group is launched, the drop down menu fields inside the field group appears cramped with the arrow overlapping the first selection. This renders the drop down unclickable and only upon reload does the field take it’s full width and act as it should.

Seeing as visitors would likely be hesitant to refresh the page after filling in other fields, we would like to find a way to make sure it loads properly every time.

Here is the code we use on the form:

<p>[checkbox MAIL-TAG-1 “Product Name”] [icon name=”external-link” class=”” unprefixed_class=””]    Qty: [select MAIL-TAG-2 first_as_label “—” “10-19” “20-49” “50-99” “100-499” “500+”]</p>

And here is a screenshot of what they look like on the page:

For the record, this is a bulk order form for customers to choose the items they’re interested (radio button) and assign a quantity for us to discount (drop down menu)