diff --git a/CHANGELOG.md b/CHANGELOG.md
index 81c956cc0a..8d8f4770e2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - The default config file is now in more human-readable format - @juho-jaakkola (#4197)
 
 ### Fixed
+- Fixes when having multiple custom options with overlapping option_type_id values, selecting 1 changes the others - @carlokok (#4196)
 - Update eslint and fix code style. - @gibkigonzo (#4179 #4181)
 - add missing cache tags for category and product - @gibkigonzo (#4173)
 - add ssrAppId to avoid second meta render on csr - @gibkigonzo (#4203)
diff --git a/src/themes/default/components/core/ProductCustomOptions.vue b/src/themes/default/components/core/ProductCustomOptions.vue
index a3ebba2fbf..a6eea550cd 100644
--- a/src/themes/default/components/core/ProductCustomOptions.vue
+++ b/src/themes/default/components/core/ProductCustomOptions.vue
@@ -23,11 +23,11 @@
               type="radio"
               class="m0 no-outline"
               :name="('customOption_' + option.option_id)"
-              :id="('customOption_' + opval.option_type_id)"
+              :id="('customOption_' + option.option_id + '_' + opval.option_type_id)"
               focus
               :value="opval.option_type_id"
               v-model="inputValues[('customOption_' + option.option_id)]"
-            ><label class="pl10 lh20 h4 pointer" :for="('customOption_' + opval.option_type_id)" v-html="opval.title" />
+            ><label class="pl10 lh20 h4 pointer" :for="('customOption_' + option.option_id +'_' + opval.option_type_id)" v-html="opval.title" />
           </div>
         </div>
         <div v-if="option.type === 'checkbox'">