diff --git a/resources/assets/vue/components/general/forms/FileUploadComponent.vue b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
index 1da7d356..c1cc118c 100644
--- a/resources/assets/vue/components/general/forms/FileUploadComponent.vue
+++ b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
@@ -101,12 +101,22 @@
                 // const xlsIconUrl = "https://assets.izyim.com/public/images/icons/xlsx.png";
 
                 if(file.name.split('.').pop() === 'pdf'){
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/pdf.png"));
+                    //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/pdf.png"));
+                    const thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]");
+                    if (thumbnailElement) {
+                        thumbnailElement.src = Vapor.asset("images/icons/pdf.png"); // Set the PDF icon as the thumbnail
+                    }
+                    console.log('pdf.png: ', $(file.previewElement).closest("img[data-dz-thumbnail]"));
                     console.log('pdf.png: ', Vapor.asset("images/icons/pdf.png"));
                     //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", pdfIconUrl);
                 }
                 if(file.name.split('.').pop().indexOf("xls") !== -1){
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/xlsx.png"));
+                    // $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/xlsx.png"));
+                    const thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]");
+                    if (thumbnailElement) {
+                        thumbnailElement.src = Vapor.asset("images/icons/xlsx.png"); // Set the PDF icon as the thumbnail
+                    }
+                    console.log('xlsx.png: ', $(file.previewElement).closest("img[data-dz-thumbnail]"));
                     console.log('xlsx.png: ', Vapor.asset("images/icons/xlsx.png"));
                     //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", xlsIconUrl);
                 }