diff --git a/components/DocumentDisplayModal.vue b/components/DocumentDisplayModal.vue
index 0659454..a501448 100644
--- a/components/DocumentDisplayModal.vue
+++ b/components/DocumentDisplayModal.vue
@@ -172,13 +172,10 @@ const moveFile = async () => {
       </template>
       <div class="flex flex-row">
         <div :class="useCapacitor().getIsNative() ? ['w-full'] : ['w-1/3']">
-          <object
-              class="bigPreview"
-              :data="`${props.documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
-              type="application/pdf"
-              v-if="props.documentData.path.toLowerCase().includes('pdf')"
+          <PDFViewer
+              v-if="props.documentData.id && props.documentData.path.toLowerCase().includes('pdf')"
+              :file-id="props.documentData.id" />
 
-          />
           <img
               class=" w-full"
               :src="props.documentData.url"