diff --git a/app/Modules/Post/Views/list/cards.blade.php b/app/Modules/Post/Views/list/cards.blade.php
index a2aed75..e6eb102 100644
--- a/app/Modules/Post/Views/list/cards.blade.php
+++ b/app/Modules/Post/Views/list/cards.blade.php
@@ -14,15 +14,18 @@ class="badge bg-body-secondary text-dark border-secondary bg-opacity-75 fs-6 rou
                     </div>
                     <div class="col-md-6 bg-secondary bg-opacity-50 rounded-end"
                         style="height:200px;background-size:cover;background-position:center;background-image:url('{{ url('/storage/' . $post->image) }}')">
-                        <a href="#" class="btn btn-light btn-lg rounded-4 position-absolute bottom-0 end-0 m-3"
+                        <a href="#" class="btn btn-light btn-lg rounded-4 position-absolute bottom-0 end-0 m-3 p-0 d-flex align-items-center justify-content-center" style="width:3rem;height:3rem;"
                             wire:click="open({{ $post->id }})">
-                            <i class="bi bi-arrow-right"></i>
+                            <i wire:loading.remove wire:target="open({{ $post->id }})" class="bi bi-arrow-right"></i>
+                            <div wire:loading wire:target="open({{ $post->id }})" class="spinner-border text-primary" role="status">
+                                <span class="visually-hidden">Loading...</span>
+                            </div>
                         </a>
+                        
                     </div>
                 </div>
             </div>
         </div>
     @endforeach
-
     @livewire('post.card')
 </div>