diff --git a/app/assets/javascripts/protocols/import_export/import.js.erb b/app/assets/javascripts/protocols/import_export/import.js.erb
index 1ff9df895..ae08873c0 100644
--- a/app/assets/javascripts/protocols/import_export/import.js.erb
+++ b/app/assets/javascripts/protocols/import_export/import.js.erb
@@ -60,7 +60,7 @@ function importProtocolFromFile(
     // Populate values in the template
     if (values !== null) {
       _.each(values, function(val, key) {
-        template.find("[data-val='" + key + "']").text(val);
+        template.find("[data-val='" + key + "']").append(val);
       });
     }
 
@@ -134,7 +134,7 @@ function importProtocolFromFile(
       var stepGuid = node.attr("guid");
       var stepPosition = String(Number.parseInt(node.attr("position")) + 1);
       var stepName = node.children("name").text();
-      var stepDescription = node.children("description").text();
+      var stepDescription = $(node.children("description")).html();
 
       // Generate step element
       var stepEl = newPreviewElement(
@@ -431,7 +431,7 @@ function importProtocolFromFile(
       stepJson.id = stepId;
       stepJson.position = $(this).attr("position");
       stepJson.name = $(this).children("name").text();
-      stepJson.description = $(this).children("description").text();
+      stepJson.description = $(this).children("description").html();
 
       // Iterate through assets
       var stepAssetsJson = [];
diff --git a/app/views/protocols/import_export/_preview_templates.html.erb b/app/views/protocols/import_export/_preview_templates.html.erb
index 29aead7fc..a7183f488 100644
--- a/app/views/protocols/import_export/_preview_templates.html.erb
+++ b/app/views/protocols/import_export/_preview_templates.html.erb
@@ -14,7 +14,7 @@
   <br>
   <div class="tab-content">
     <div class="tab-pane active" role="tabpanel">
-      <span data-val="description"></span>
+      <div data-val="description"></div>
       <hr>
       <div class="row">
         <div data-toggle="tables" class="col-xs-12">