diff --git a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
index 2e7c30c5..26357b42 100644
--- a/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/TransactionGroupComponent.vue
@@ -26,11 +26,16 @@
                                             <i class="fa fa-font"></i>
                                         </button>
                                     </a>
-                                    <a :href="route('group.excel', item.id)" target="_blank" v-tooltip:top="'Export in Excel'" class="m-l-5">
+                                    <!-- <a :href="route('group.excel', item.id)" target="_blank" v-tooltip:top="'Export in Excel'" class="m-l-5">
                                         <button class="btn btn-xs b-rad-none">
                                             <i class="fa fa-file-excel-o"></i>
                                         </button>
-                                    </a>
+                                    </a> -->
+                                    <open-link-in-new-tab-component custom-class="" :url="route('group.excel', item.id)">
+                                        <button class="btn btn-xs b-rad-none">
+                                            <i class="fa fa-file-excel-o"></i>
+                                        </button>
+                                    </open-link-in-new-tab-component>
                                     <a :href="route('group.invoice', item.id)" target="_blank" v-tooltip:top="'Export Invoice PDF'" class="m-l-5">
                                         <button class="btn btn-xs b-rad-none">
                                             <i class="fa fa-list-alt"></i>