diff --git a/lib/towerops_web/live/site_live/index.html.heex b/lib/towerops_web/live/site_live/index.html.heex
index f4b58993..313df3e5 100644
--- a/lib/towerops_web/live/site_live/index.html.heex
+++ b/lib/towerops_web/live/site_live/index.html.heex
@@ -31,9 +31,10 @@
     </div>
   <% else %>
     <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
-      <div
+      <.link
         :for={site <- @sites}
-        class="relative overflow-hidden rounded-lg border border-zinc-200 bg-white p-6 shadow-sm hover:shadow-md transition-shadow dark:border-zinc-800 dark:bg-zinc-900"
+        navigate={~p"/orgs/#{@current_organization.slug}/sites/#{site.id}"}
+        class="relative overflow-hidden rounded-lg border border-zinc-200 bg-white p-6 shadow-sm hover:shadow-md transition-shadow dark:border-zinc-800 dark:bg-zinc-900 cursor-pointer"
       >
         <h3 class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{site.name}</h3>
         <%= if site.location do %>
@@ -46,12 +47,7 @@
             Parent: {site.parent_site.name}
           </p>
         <% end %>
-        <div class="mt-6">
-          <.button navigate={~p"/orgs/#{@current_organization.slug}/sites/#{site.id}"}>
-            View
-          </.button>
-        </div>
-      </div>
+      </.link>
     </div>
   <% end %>
 </Layouts.authenticated>