diff --git a/web/src/padelnomics/admin/templates/admin/affiliate_form.html b/web/src/padelnomics/admin/templates/admin/affiliate_form.html
index 97b958a..42ea4bf 100644
--- a/web/src/padelnomics/admin/templates/admin/affiliate_form.html
+++ b/web/src/padelnomics/admin/templates/admin/affiliate_form.html
@@ -36,16 +36,18 @@ document.addEventListener('DOMContentLoaded', function() {
     </div>
   </header>
 
+  {# HTMX preview trigger — outside the grid so it takes no layout space #}
+  <div style="display:none"
+       hx-post="{{ url_for('admin.affiliate_preview') }}"
+       hx-target="#product-preview"
+       hx-trigger="load, input from:#affiliate-form delay:600ms"
+       hx-include="#affiliate-form"
+       hx-push-url="false">
+  </div>
+
   <div style="display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start" class="affiliate-form-grid">
 
     {# ── Left: form ── #}
-    {# Invisible trigger: fires preview on page load + any input change #}
-    <div hx-post="{{ url_for('admin.affiliate_preview') }}"
-         hx-target="#product-preview"
-         hx-trigger="load, input from:#affiliate-form delay:600ms"
-         hx-include="#affiliate-form"
-         hx-push-url="false">
-    </div>
     <form method="post" id="affiliate-form"
           action="{% if editing %}{{ url_for('admin.affiliate_edit', product_id=product_id) }}{% else %}{{ url_for('admin.affiliate_new') }}{% endif %}">
       <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">