diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
index 1cc58317a..816c15a8b 100644
--- a/.idea/jsLibraryMappings.xml
+++ b/.idea/jsLibraryMappings.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="JavaScriptLibraryMappings">
-    <file url="file://$PROJECT_DIR$" libraries="{jquery-3.4.1, pdf, pretty-checkbox}" />
+    <file url="file://$PROJECT_DIR$" libraries="{jquery-3.4.1, pdf, pdf_viewer, pretty-checkbox}" />
   </component>
 </project>
\ No newline at end of file
diff --git a/cookbook/templates/recipe_view.html b/cookbook/templates/recipe_view.html
index e049f2240..ec7e6cd5a 100644
--- a/cookbook/templates/recipe_view.html
+++ b/cookbook/templates/recipe_view.html
@@ -9,6 +9,10 @@
 {% block extra_head %}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"
           integrity="sha384-ICB8i/maQ/5+tGLDUEcswB7Ch+OO9Oj8Z4Ov/Gs0gxqfTgLLkD3F43MhcEJ2x6/D" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf_viewer.css"
+          integrity="sha256-nvlJy0rIG6//KEsNEGdz5ilsdHyAYvIDx5O6qH7Aatg=" crossorigin="anonymous"/>
+
 {% endblock %}
 
 {% block content %}
@@ -175,8 +179,6 @@
                     </div>
                 </div>
 
-                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf_viewer.css"
-                      integrity="sha256-nvlJy0rIG6//KEsNEGdz5ilsdHyAYvIDx5O6qH7Aatg=" crossorigin="anonymous"/>
 
                 <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf.min.js"
                         integrity="sha256-J4Z8Fhj2MITUakMQatkqOVdtqodUlwHtQ/ey6fSsudE="
@@ -196,6 +198,11 @@
                             var base64Pdf = atob(this.responseText);
                             $('#id_loader').hide();
 
+                            pdfjsLib.GlobalWorkerOptions.workerSrc =
+                                "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf.worker.js";
+
+                            var SEARCH_FOR = "";
+
                             var container = document.getElementById("viewerContainer");
 
 // (Optionally) enable hyperlinks within PDF files.
@@ -225,7 +232,7 @@
 
 // Loading document.
                             var loadingTask = pdfjsLib.getDocument({
-                                data:base64Pdf
+                                data: base64Pdf
                             });
                             loadingTask.promise.then(function (pdfDocument) {
                                 // Document loaded, specifying document for the viewer and