diff --git a/frontend/src/components/UserSettings/UserName.spec.js b/frontend/src/components/UserSettings/UserName.spec.js
index e3ffe04e3..76b4f0635 100644
--- a/frontend/src/components/UserSettings/UserName.spec.js
+++ b/frontend/src/components/UserSettings/UserName.spec.js
@@ -105,7 +105,7 @@ describe('UserName Form', () => {
             jest.clearAllMocks()
             await wrapper.find('input').setValue('petra')
             await wrapper.find('form').trigger('keyup')
-            await wrapper.find('[data-test="submit-username-button"]').trigger('click')
+            await wrapper.find('[data-test="submit-username-button"]').trigger('submit')
             await flushPromises()
           })
 
@@ -136,7 +136,7 @@ describe('UserName Form', () => {
             jest.clearAllMocks()
             await wrapper.find('input').setValue('petra')
             await wrapper.find('form').trigger('keyup')
-            await wrapper.find('[data-test="submit-username-button"]').trigger('click')
+            await wrapper.find('[data-test="submit-username-button"]').trigger('submit')
             await flushPromises()
           })
 
diff --git a/frontend/src/components/UserSettings/UserName.vue b/frontend/src/components/UserSettings/UserName.vue
index 25b6d9fd6..7f898bd2c 100644
--- a/frontend/src/components/UserSettings/UserName.vue
+++ b/frontend/src/components/UserSettings/UserName.vue
@@ -42,7 +42,6 @@
               <div class="text-right" ref="submitButton">
                 <b-button
                   :variant="disabled(invalid) ? 'light' : 'success'"
-                  @click="onSubmit"
                   type="submit"
                   :disabled="disabled(invalid)"
                   data-test="submit-username-button"
@@ -83,7 +82,6 @@ export default {
   },
   methods: {
     async onSubmit(event) {
-      event.preventDefault()
       this.$apollo
         .mutate({
           mutation: updateUserInfos,