diff --git a/src/components/design-system/form/FormInput.vue b/src/components/design-system/form/FormInput.vue
index f597ed0..88029c8 100644
--- a/src/components/design-system/form/FormInput.vue
+++ b/src/components/design-system/form/FormInput.vue
@@ -2,22 +2,15 @@
 defineProps<{
   id: string
   label: string
-  modelValue: string
-}>()
-defineEmits<{
-  (event: "update:modelValue", value: string): void
 }>()
+
+const modelValue = defineModel<string>()
 </script>
 
 <template>
   <div class="form-input">
     <label :for="id">{{ label }}</label>
-    <input
-      type="text"
-      id="id"
-      :value="modelValue"
-      @input="$emit('update:modelValue', $event.target?.value ?? '')"
-    />
+    <input type="text" id="id" v-model="modelValue" />
   </div>
 </template>
 
diff --git a/src/modules/flow/components/AddStep.vue b/src/modules/flow/components/AddStep.vue
index af3c177..bd83c7a 100644
--- a/src/modules/flow/components/AddStep.vue
+++ b/src/modules/flow/components/AddStep.vue
@@ -8,7 +8,7 @@ const newTeam = ref("")
 
 const addTeam = () => {
   store.addTeam({
-    name: "User Acceptance Testing",
+    name: newTeam.value,
     outputs: ["Go for live"],
     prerequisites: ["new app version is step in staging environment"],
     intention: