Trouble setting the width of elements (dropdowns)

Design help General
1

Hi, I’m pretty new to WebFlow. Per the shared link and image below, I’ve added a drop down to each of three div blocks. I want the drop downs to span their respective div blocks. One drop down (pink) is too narrow. For the other two drop downs I misconfigured something that caused them to span the whole page. I have scanned all different possible settings and Googled, but I can’t figure out how to fix this. Any help would be greatly appreciated!

_Screen Shot 2022-05-09 at 9.06.06 AM
_Screen Shot 2022-05-09 at 9.06.06 AM1082×916 78.6 KB

https://preview.webflow.com/preview/gg-webflow-site-1?utm_medium=preview_link&utm_source=designer&utm_content=gg-webflow-site-1&preview=b4338fd90c69702f3799cbffba3c15cc&pageId=626c5dbf2c9b91a4cb8e4afb&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi - This will fix the issue:

  1. Set the Dropdown element to Display: Block.
  2. With the Dropdown in the open state , select the Dropdown List element and set it’s position to Absolute.