diff --git a/resources/vue/components/StudipMessageBox.vue b/resources/vue/components/StudipMessageBox.vue
index 0e2fcb74599a005ddce6bdc5f493f34df3155df7..b2cf48605f29555f90dba440f5d0d26f52162020 100644
--- a/resources/vue/components/StudipMessageBox.vue
+++ b/resources/vue/components/StudipMessageBox.vue
@@ -4,7 +4,7 @@
             <a v-if="hideDetails" class="details" href="" :title="$gettext('Detailanzeige umschalten')" @click.prevent.stop="closedDetails = !closedDetails">
                 <span>{{ $gettext('Detailanzeige umschalten') }}</span>
             </a>
-            <a v-if="!hideClose" class="close" href="" :title="$gettext('Nachrichtenbox schließen')" @click.prevent="closed = true">
+            <a v-if="!hideClose" class="close" href="" :title="$gettext('Nachrichtenbox schließen')" @click.prevent="close()">
                 <span>{{ $gettext('Nachrichtenbox schließen') }}</span>
             </a>
         </div>
@@ -58,6 +58,13 @@ export default {
             return this.hasDetails && !this.closedDetails;
         }
     },
+    methods: {
+        close() {
+            this.closed = true;
+
+            this.$emit('close');
+        }
+    },
     data() {
         return {
             closed: false,