diff --git a/lib/towerops_web/live/agent_live/index.html.heex b/lib/towerops_web/live/agent_live/index.html.heex
index c8dd21d6..b3937d3f 100644
--- a/lib/towerops_web/live/agent_live/index.html.heex
+++ b/lib/towerops_web/live/agent_live/index.html.heex
@@ -142,14 +142,14 @@
         <:action :let={{_id, agent}}>
           <%= if agent.enabled do %>
             <div class="flex items-center gap-3">
-              <button
+              <.button
                 type="button"
                 phx-click="show_setup"
                 phx-value-id={agent.id}
-                class="text-sm font-medium text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
+                variant="secondary"
               >
                 {t("View Setup")}
-              </button>
+              </.button>
               <button
                 type="button"
                 phx-click="delete_agent"
@@ -258,14 +258,14 @@
         <:action :let={{_id, agent}}>
           <%= if agent.enabled do %>
             <div class="flex items-center gap-3">
-              <button
+              <.button
                 type="button"
                 phx-click="show_setup"
                 phx-value-id={agent.id}
-                class="text-sm font-medium text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
+                variant="secondary"
               >
                 {t("View Setup")}
-              </button>
+              </.button>
               <button
                 type="button"
                 phx-click="delete_agent"