diff --git a/lib/towerops_web/live/agent_live/index.html.heex b/lib/towerops_web/live/agent_live/index.html.heex
index 913b1c63..1325c7ed 100644
--- a/lib/towerops_web/live/agent_live/index.html.heex
+++ b/lib/towerops_web/live/agent_live/index.html.heex
@@ -21,26 +21,26 @@
         Create New Agent
       </h3>
       <.form for={@agent_form} phx-submit="create_agent">
-        <div class="flex gap-4 items-end">
-          <div class="flex-1">
-            <.input
-              field={@agent_form[:name]}
-              type="text"
-              label="Agent Name"
-              placeholder="e.g., Datacenter A"
-              required
-            />
+        <div class="space-y-4">
+          <.input
+            field={@agent_form[:name]}
+            type="text"
+            label="Agent Name"
+            placeholder="e.g., Datacenter A"
+            required
+          />
+          <div class="flex gap-3">
+            <.button type="submit" variant="primary">
+              Create Agent
+            </.button>
+            <button
+              type="button"
+              phx-click={JS.hide(to: "#new-agent-form")}
+              class="px-3 py-2 text-sm font-semibold text-zinc-700 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100"
+            >
+              Cancel
+            </button>
           </div>
-          <.button type="submit" variant="primary">
-            Create Agent
-          </.button>
-          <button
-            type="button"
-            phx-click={JS.hide(to: "#new-agent-form")}
-            class="px-3 py-2 text-sm font-semibold text-zinc-700 dark:text-zinc-300 hover:text-zinc-900 dark:hover:text-zinc-100"
-          >
-            Cancel
-          </button>
         </div>
       </.form>
     </div>