diff --git a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs
index bf04fc64af..b2dc5a501c 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs
+++ b/js/apps/system/_admin/aardvark/APP/frontend/js/templates/queryView.ejs
@@ -66,13 +66,13 @@
           <tr class="tableRow">
             <th class="collectionTh">Format:</th>
             <th class="collectionTh" colspan="2">
-              <p>JSON documents embedded into a list:</p>
-              <p></p>
-              <p>[{</p>
-              <p style="margin-left: 10px">"name": "Query Name",</p>
-              <p style="margin-left: 10px">"value": "Query Definition",</p>
-              <p style="margin-left: 10px">"parameter": "Query Bind Parameter as Object"</p>
-              <p>}]</p>
+<pre><code>JSON documents embedded into a list:
+
+[{
+  "name": "Query Name",
+  "value": "Query Definition",
+  "parameter": "Query Bind Parameter as Object"
+}]</code></code>
             </th>
           </tr>
           <tr class="tableRow">
diff --git a/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss b/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss
index 2e7d694acf..b726c663bb 100644
--- a/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss
+++ b/js/apps/system/_admin/aardvark/APP/frontend/scss/_modals.scss
@@ -332,6 +332,10 @@
     width: 20px;
   }
 
+  pre {
+    margin-right: 20px;
+    margin-top: 20px;
+  }
 }
 
 .modal-text {