diff --git a/AKModel/templates/admin/AKModel/ak_json_export.html b/AKModel/templates/admin/AKModel/ak_json_export.html
index 65e459a5b3f7509ed98a1329e2d89f06fa2abb54..1460b423ded1f0d18a70f5bb1d69c83372ee3d0d 100644
--- a/AKModel/templates/admin/AKModel/ak_json_export.html
+++ b/AKModel/templates/admin/AKModel/ak_json_export.html
@@ -4,17 +4,13 @@
 
 {% block content %}
 
-<p>
-Exported JSON:
-<pre>
-{{ json_data_oneline }}
-</pre>
-</p>
+<div class="mb-3">
+  <label for="export_single_line" class="form-label">Exported JSON:</label>
+  <input readonly type="text" name="export_single_line" class="form-control form-control-sm" value="{{ json_data_oneline }}"  style="font-family:var(--font-family-monospace);">
+</div>
 
-<p>
-Exported JSON (indented for better readability):
-<pre>
-{{ json_data }}
-</pre>
-</p>
+<div class="mb-3">
+  <label class="form-label">Exported JSON (indented for better readability):</label>
+  <pre class="border rounded p-1">{{ json_data }}</pre>
+</div>
 {% endblock %}