diff --git a/resources/views/components/documents/show/receive.blade.php b/resources/views/components/documents/show/receive.blade.php
index 9cd32e9b1..ba54f0f1c 100644
--- a/resources/views/components/documents/show/receive.blade.php
+++ b/resources/views/components/documents/show/receive.blade.php
@@ -15,7 +15,9 @@
                 @can($permissionUpdate)
                     @if ($document->status == 'draft')
                         <x-link href="{{ route($markReceivedRoute, $document->id) }}" id="show-slider-actions-mark-received-{{ $document->type }}" kind="secondary" @click="e => e.target.classList.add('disabled')">
-                            {{ trans($textMarkReceived) }}
+                            <x-link.loading>
+                                {{ trans($textMarkReceived) }}
+                            </x-link.loading>
                         </x-link>
                     @else
                         <x-button kind="secondary" disabled="disabled">
diff --git a/resources/views/components/documents/show/send.blade.php b/resources/views/components/documents/show/send.blade.php
index 992a3f502..5294ea198 100644
--- a/resources/views/components/documents/show/send.blade.php
+++ b/resources/views/components/documents/show/send.blade.php
@@ -28,10 +28,10 @@
             @if (! $hideMarkSent)
                 @can($permissionUpdate)
                     @if ($document->status == 'draft')
-                        <x-link 
-                        x-data="{ clicked: false }" x-on:click="clicked = true" x-bind:class="{ 'pointer-events-none cursor-default': clicked }" x-bind:disabled="clicked"
-                        id="show-slider-actions-mark-sent-{{ $document->type }}" href="{{ route($markSentRoute, $document->id) }}" @click="e => e.target.classList.add('disabled')">
-                            {{ trans($textMarkSent) }}
+                        <x-link id="show-slider-actions-mark-sent-{{ $document->type }}" href="{{ route($markSentRoute, $document->id) }}" @click="e => e.target.classList.add('disabled')">
+                            <x-link.loading>
+                                {{ trans($textMarkSent) }}
+                            </x-link.loading>
                         </x-link>
                     @else
                         <x-button disabled="disabled">