diff --git a/js/src/views/Event/EditView.vue b/js/src/views/Event/EditView.vue
index ad22e701c..dd6b2cfff 100644
--- a/js/src/views/Event/EditView.vue
+++ b/js/src/views/Event/EditView.vue
@@ -279,7 +279,7 @@
               :aria-minus-label="t('Decrease')"
               :aria-plus-label="t('Increase')"
               min="1"
-              v-model="eventOptions.maximumAttendeeCapacity"
+              v-model="maximumAttendeeCapacity"
               id="number-of-places"
             />
           </o-field>
@@ -1292,6 +1292,15 @@ watch(isOnline, (newIsOnline) => {
   }
 });
 
+const maximumAttendeeCapacity = computed({
+  get(): string {
+    return eventOptions.value.maximumAttendeeCapacity.toString();
+  },
+  set(newMaximumAttendeeCapacity: string) {
+    eventOptions.value.maximumAttendeeCapacity = parseInt(newMaximumAttendeeCapacity);
+  }
+})
+
 const dateFnsLocale = inject<Locale>("dateFnsLocale");
 
 const firstDayOfWeek = computed((): number => {