diff --git a/resources/views/livewire/project/database/backup-executions.blade.php b/resources/views/livewire/project/database/backup-executions.blade.php
index c9be822e3..a84b88e5e 100644
--- a/resources/views/livewire/project/database/backup-executions.blade.php
+++ b/resources/views/livewire/project/database/backup-executions.blade.php
@@ -24,7 +24,7 @@ class="relative flex flex-col p-4 bg-white box-without-bg dark:bg-coolgray-100"
                 <div class="flex-1"></div>
                 @if (data_get($execution, 'status') === 'success')
                     <x-forms.button class=" dark:hover:bg-coolgray-400"
-                        wire:click="download_file({{ data_get($execution, 'id') }})">Download</x-forms.button>
+                        x-on:click="download_file('{{ data_get($execution, 'id') }}')">Download</x-forms.button>
                 @endif
                 <x-modal-confirmation isErrorButton action="deleteBackup({{ data_get($execution, 'id') }})">
                     <x-slot:button-title>
@@ -34,6 +34,11 @@ class="relative flex flex-col p-4 bg-white box-without-bg dark:bg-coolgray-100"
                 </x-modal-confirmation>
             </div>
         </form>
+        <script>
+            function download_file(executionId) {
+                window.open('/download/backup/' + executionId, '_blank');
+            }
+        </script>
     @empty
         <div>No executions found.</div>
     @endforelse