diff --git a/app/assets/javascripts/pipeline_wizard/components/step.vue b/app/assets/javascripts/pipeline_wizard/components/step.vue
index 165c3c5345ce7366f03388da63800458f975815c..6c9ee4657ca7a07b945ed9a852e58c38b012f222 100644
--- a/app/assets/javascripts/pipeline_wizard/components/step.vue
+++ b/app/assets/javascripts/pipeline_wizard/components/step.vue
@@ -1,4 +1,5 @@
 <script>
+import { toRaw } from 'vue';
 import { GlAlert } from '@gitlab/ui';
 import { isNode, isDocument, parseDocument, Document } from 'yaml';
 import { merge } from '~/lib/utils/yaml';
@@ -90,7 +91,8 @@ export default {
       // this is done on purpose, see
       // https://gitlab.com/gitlab-org/gitlab/-/merge_requests/81412#note_862972703
       // for more information
-      merge(this.compiled, this.forceClone(this.template));
+      merge(toRaw(this.compiled), this.forceClone(this.template));
+
       this.wasCompiled = true;
     },
     onUpdate(c) {
diff --git a/scripts/frontend/quarantined_vue3_specs.txt b/scripts/frontend/quarantined_vue3_specs.txt
index 8d7cc553c42e5e4eaeafb755dbcc5d7590fce92b..888a8987552717d77526979290b8183899f3d0a4 100644
--- a/scripts/frontend/quarantined_vue3_specs.txt
+++ b/scripts/frontend/quarantined_vue3_specs.txt
@@ -10,5 +10,4 @@ spec/frontend/helpers/init_simple_app_helper_spec.js
 spec/frontend/lib/utils/confirm_via_gl_modal/confirm_action_spec.js
 spec/frontend/packages_and_registries/dependency_proxy/app_spec.js
 spec/frontend/performance_bar/index_spec.js
-spec/frontend/pipeline_wizard/components/step_spec.js
 spec/frontend/vue_popovers_spec.js