diff --git a/vue/src/components/PdfViewer.vue b/vue/src/components/PdfViewer.vue
index 774b8e7f..64bcc671 100644
--- a/vue/src/components/PdfViewer.vue
+++ b/vue/src/components/PdfViewer.vue
@@ -1,28 +1,28 @@
 <template>
 
-  <div>
-    <iframe :src="pdfUrl" width="100%" height="700px" style="border: none;"></iframe>
-  </div>
+    <div>
+        <iframe :src="pdfUrl" width="100%" height="700px" style="border: none;"></iframe>
+    </div>
 
 </template>
 
 <script>
 
-import {resolveDjangoUrl, ResolveUrlMixin} from "@/utils/utils";
+import {resolveDjangoStatic, resolveDjangoUrl, ResolveUrlMixin} from "@/utils/utils";
 
 
 export default {
-  name: 'PdfViewer',
-  mixins: [
-    ResolveUrlMixin
-  ],
-  props: {
-    recipe: Object,
-  },
-  computed: {
-    pdfUrl: function() {
-      return '/static/pdfjs/viewer.html?file=' + resolveDjangoUrl('api_get_recipe_file', (this.recipe.id))
-    }
-  },
+    name: 'PdfViewer',
+    mixins: [
+        ResolveUrlMixin
+    ],
+    props: {
+        recipe: Object,
+    },
+    computed: {
+        pdfUrl: function () {
+            return resolveDjangoStatic('pdfjs/viewer.html?file=' + resolveDjangoUrl('api_get_recipe_file', (this.recipe.id)))
+        }
+    },
 }
 </script>