diff --git a/frontend/src/pages/archive/crawl-templates-detail.ts b/frontend/src/pages/archive/crawl-templates-detail.ts
index 48bc98e8..0b809bde 100644
--- a/frontend/src/pages/archive/crawl-templates-detail.ts
+++ b/frontend/src/pages/archive/crawl-templates-detail.ts
@@ -643,9 +643,12 @@ export class CrawlTemplatesDetail extends LiteElement {
             </sl-switch>
           </div>
 
-          ${this.isSeedsJsonView
-            ? this.renderSeedsJson()
-            : this.renderSeedsForm()}
+          <div class="${this.isSeedsJsonView ? "" : "hidden"}">
+            ${this.renderSeedsJson()}
+          </div>
+          <div class="grid gap-5${this.isSeedsJsonView ? " hidden" : ""}">
+            ${this.renderSeedsForm()}
+          </div>
 
           <div class="text-right">
             <sl-button
diff --git a/frontend/src/pages/archive/crawl-templates-new.ts b/frontend/src/pages/archive/crawl-templates-new.ts
index 324a6411..3f3888ff 100644
--- a/frontend/src/pages/archive/crawl-templates-new.ts
+++ b/frontend/src/pages/archive/crawl-templates-new.ts
@@ -374,9 +374,12 @@ export class CrawlTemplatesNew extends LiteElement {
           </sl-switch>
         </div>
 
-        ${this.isSeedsJsonView
-          ? this.renderSeedsJson()
-          : this.renderSeedsForm()}
+        <div class="${this.isSeedsJsonView ? "" : "hidden"}">
+          ${this.renderSeedsJson()}
+        </div>
+        <div class="grid gap-5${this.isSeedsJsonView ? "hidden" : ""}">
+          ${this.renderSeedsForm()}
+        </div>
       </section>
     `;
   }