diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
index 3a8e20016..06c9c8d37 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AccompanyingPeriodWorkSelector/AccompanyingPeriodWorkSelectorModal.vue
@@ -12,14 +12,6 @@
       </div>
     </div>
 
-    <ul class="record_actions">
-      <li>
-        <a class="btn btn-sm btn-create mt-3" @click="openModal">
-          {{ trans(ACPW_DUPLICATE_SELECT_ACCOMPANYING_PERIOD_WORK) }}
-        </a>
-      </li>
-    </ul>
-
     <teleport to="body">
       <modal
         v-if="showModal"
@@ -66,12 +58,16 @@ const props = defineProps({
   accompanyingPeriodId: String,
 });
 
+const emit = defineEmits(['closeModal', 'update:selectedAcpw'])
+
 onMounted(() => {
   if (props.accompanyingPeriodId) {
     getAccompanyingPeriodWorks(parseInt(props.accompanyingPeriodId));
   } else {
     console.error("No accompanyingperiod id was given");
   }
+
+  showModal.value = true;
 });
 const getAccompanyingPeriodWorks = (periodId: number) => {
   const url = `/api/1.0/person/accompanying-course/${periodId}/works.json`;
@@ -93,11 +89,17 @@ watch(selectedAcpw, (newValue) => {
     inputField.value = String(newValue?.id);
   }
 });
-
-const openModal = () => (showModal.value = true);
-const closeModal = () => (showModal.value = false);
+const closeModal = () => {
+  showModal.value = false
+  emit('closeModal')
+}
 const confirmSelection = () => {
   selectedAcpw.value = selectedAcpw.value;
+
+  if(selectedAcpw.value) {
+    emit("update:selectedAcpw", selectedAcpw.value);
+  }
+
   closeModal();
 };
 </script>