diff --git a/frontend/src/components/GdtTransactionList.spec.js b/frontend/src/components/GdtTransactionList.spec.js
index b1b84f1f5..a8781419d 100644
--- a/frontend/src/components/GdtTransactionList.spec.js
+++ b/frontend/src/components/GdtTransactionList.spec.js
@@ -122,7 +122,7 @@ describe('GdtTransactionList', () => {
       it('emits input event after currentPage changes', async () => {
         await wrapper.findComponent({ name: 'BPagination' }).vm.$emit('update:modelValue', 2)
         await nextTick()
-        expect(wrapper.emitted('input')).toEqual([[2]])
+        expect(wrapper.emitted('update:modelValue')).toEqual([[2]])
       })
 
       describe('pagination buttons', () => {
diff --git a/frontend/src/components/GdtTransactionList.vue b/frontend/src/components/GdtTransactionList.vue
index 046482753..e6b4aa506 100644
--- a/frontend/src/components/GdtTransactionList.vue
+++ b/frontend/src/components/GdtTransactionList.vue
@@ -29,7 +29,7 @@
     </div>
     <BPagination
       v-if="transactionGdtCount > pageSize"
-      :model-value="currentPage"
+      v-model="currentPage"
       class="mt-3"
       pills
       size="lg"
@@ -37,7 +37,6 @@
       :total-rows="transactionGdtCount"
       align="center"
       :hide-ellipsis="true"
-      @update:model-value="currentPage = $event"
     />
   </div>
 </template>
@@ -61,13 +60,16 @@ export default {
   },
   data() {
     return {
-      currentPage: this.value,
+      currentPage: this.modelValue,
       link: 'https://gradido.net/' + this.$store.state.language + '/memberships/',
     }
   },
   watch: {
-    currentPage() {
-      if (this.modelValue !== this.currentPage) this.$emit('input', this.currentPage)
+    modelValue(newValue) {
+      this.currentPage = newValue
+    },
+    currentPage(newValue) {
+      if (this.modelValue !== newValue) this.$emit('update:modelValue', newValue)
     },
   },
 }