diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
index 068cdaa8..8059f585 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/_app.js
@@ -45,7 +45,7 @@ $.fancybox.defaults.iframe.css.width = '800px';
 
 // Define date filter for vue templates
 Vue.filter('date', (value) => {
-    return dayjs(value).format('DD.MM.YYYY');
+    return dayjs(value).format('DD.MM.YY');
 });
 
 // Store
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
index 2c5c20fc..3f1f8c94 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/myep/Events.vue
@@ -7,7 +7,8 @@
                     <tr>
                         <th class="text-left align-top">Buchungsdatum</th>
                         <th class="text-left align-top">Reisedatum</th>
-                        <th class="text-left align-top w-1/4">Reise</th>
+                        <th class="text-left align-top">Reise</th>
+                        <th class="text-left align-top">Vorgang</th>
                         <th class="text-center align-top">Preis</th>
                         <th class="text-center align-top">offen</th>
                         <th class="text-left align-top">Status</th>
@@ -19,14 +20,15 @@
                         <td class="text-left align-top">{{ formatBookingDate(event.dateBooking) }}</td>
                         <td class="text-left align-top">{{ event.dateTravel | date }}</td>
                         <td class="text-left align-top">{{ event.product }}</td>
+                        <td class="text-left align-top">{{ event.bookingNumber }}</td>
                         <td class="text-right align-top whitespace-no-wrap">{{ formatCurrency(event.price) }}</td>
                         <td class="text-right align-top whitespace-no-wrap" :class="{ 'text-red-500': hasOutstandingPayment(event) }">{{ calculateBalance(event) }}</td>
                         <td class="text-left align-top">{{ status[event.status] }}</td>
                         <td class="flex space-x-1">
-                            <a :href="getDownloadUrl(event, 'confirmation')" target="_blank" class="button button--small">
+                            <a :href="getDownloadUrl(event, 'confirmation')" target="_blank" class="button button--action button--small">
                               Bestätigung
                             </a>
-                            <a :href="getDownloadUrl(event, 'documents')" target="_blank" class="button button--small" v-if="event.documents">
+                            <a :href="getDownloadUrl(event, 'documents')" target="_blank" class="button button--secondary button--small" v-if="event.documents">
                               Reiseinfos
                             </a>
                             <router-link :to="{ name: 'bookingEdit', params: { id: event.id } }" v-if="event.editable" class="button button--small">
@@ -80,7 +82,7 @@ import {mapState, mapMutations, mapGetters} from 'vuex'
                 if (!date) {
                     return '-'
                 }
-                return dayjs(date).format('DD.MM.YYYY')
+                return dayjs(date).format('DD.MM.YY')
             },
             getDownloadUrl (event, type) {
                 return this.config.myEpApiBaseUrl