diff --git a/rapids/templates/rapids/mark.html b/rapids/templates/rapids/mark.html
index 423d2fee..20d5f5b6 100644
--- a/rapids/templates/rapids/mark.html
+++ b/rapids/templates/rapids/mark.html
@@ -13,7 +13,7 @@ Answers will be automatically marked.
 Answers marked as normal will be automatically marked.<br/>
 Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities }}
 {% endif %}
-<div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.get_image_url_array}}"
+<div id="single-dicom-viewer" class="marking-dicom" data-images="[{{question.get_image_url_array}}]"
     data-annotations='{{question.image_annotations}}'>
 </div>
 <div class="marking">
diff --git a/rapids/templates/rapids/question_display_block.html b/rapids/templates/rapids/question_display_block.html
index 8ed4a5e4..50d0cc85 100755
--- a/rapids/templates/rapids/question_display_block.html
+++ b/rapids/templates/rapids/question_display_block.html
@@ -89,7 +89,7 @@
     <summary>
         Image viewer
     </summary>
-    <div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ question.get_image_urls }}" data-annotations='{{question.get_image_annotations}}'>
+    <div id="single-dicom-viewer" class="dicom-viewer" data-images="[{{ question.get_image_urls }}]" data-annotations='{{question.get_image_annotations}}'>
     </div>
     <button id="save-annotations">Save Annotations</button>
 </details>