# Dependent dropdown not keeping styling when displayed

**URL:** <https://community.hubspot.com/t/dependent-dropdown-not-keeping-styling-when-displayed/140530>\
**Category:** Blog, Website & Page Publishing\
**Tags:** forms\
**Created:** [October 3, 2025, 5:44pm UTC](https://community.hubspot.com/t/dependent-dropdown-not-keeping-styling-when-displayed/140530 "2025-10-03T17:44:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![NVankerk](https://avatars.discourse-cdn.com/v4/letter/n/9fc348/32.png) [@NVankerk](https://community.hubspot.com/u/NVankerk)\
**Post date:** [October 3, 2025, 5:44pm UTC](https://community.hubspot.com/t/dependent-dropdown-not-keeping-styling-when-displayed/140530/1 "2025-10-03T17:44:38Z")

</div>

We have a depedent State dropdown that is set up to only have values if the Country is United States or Canada.

 ![157425i274AF615E8CB2AAE.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/f/bf85d5bcac74345279aaff9eab457fcd6ff17aa4.jpeg)

but when displayed on a form, all the provinces are visible when you select US:

 ![157426i00F44F9E39560A0C.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/f/5fef81d909610afc4ef5ea2007fb5c79a1b8f6b0.png)

Has anyone else seen this?

---

<div class="post-metadata">

**Author:** ![franksteiner79](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/franksteiner79/32/34443_2.png) [@franksteiner79](https://community.hubspot.com/u/franksteiner79)\
**Post date:** [October 3, 2025, 6:14pm UTC](https://community.hubspot.com/t/dependent-dropdown-not-keeping-styling-when-displayed/140530/2 "2025-10-03T18:14:06Z")

</div>

Hi @NVankerk

The above conditional options setting only applies when someone manually enters data in the CRM, these rules are not mirrored on forms.

Frank

---

<div class="post-metadata">

**Author:** ![NVankerk](https://avatars.discourse-cdn.com/v4/letter/n/9fc348/32.png) [@NVankerk](https://community.hubspot.com/u/NVankerk)\
**Post date:** [October 3, 2025, 6:53pm UTC](https://community.hubspot.com/t/dependent-dropdown-not-keeping-styling-when-displayed/140530/3 "2025-10-03T18:53:29Z")

</div>

That seems counterintuitive - how do you manage this in forms then, is there a best practice? I suppose you can create 2 dropdowns, CA Provinces and US States and show/hide them based on Country, but if we are syncing the State to Salesforce, do we then have to use a workflow to put the selected province or state into a separate text field and sync that field? What if we update the state value in Salesforce - if the field is synced to the separate text field then the relevant dropdown is now out of date. This seems overly complicated, but maybe there is a better way someone can suggest.

---

<div class="post-metadata">

**Author:** ![STierney](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stierney/32/186066_2.png) [@STierney](https://community.hubspot.com/u/STierney)\
**Post date:** [October 3, 2025, 8:33pm UTC](https://community.hubspot.com/t/dependent-dropdown-not-keeping-styling-when-displayed/140530/4 "2025-10-03T20:33:51Z")

</div>

Hey @NVankerk - thanks for following up here!  
I’m wondering if @franksteiner79 has any follow up thoughts here!  
Shane, Senior Community Moderator