diff --git a/apps/frontend/public/static/export/template.html b/apps/frontend/public/static/export/template.html
index c685f2a05d..2212a665a6 100644
--- a/apps/frontend/public/static/export/template.html
+++ b/apps/frontend/public/static/export/template.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>{{exportType}} Report</title>
     <style>
diff --git a/apps/frontend/src/components/global/ExportCSVModal.vue b/apps/frontend/src/components/global/ExportCSVModal.vue
index f0715eaf06..d9bf5788db 100644
--- a/apps/frontend/src/components/global/ExportCSVModal.vue
+++ b/apps/frontend/src/components/global/ExportCSVModal.vue
@@ -344,7 +344,7 @@ export default class ExportCSVModal extends Vue {
       return null;
     });
     Promise.all(fileConvertPromises)
-      .then(() => saveSingleOrMultipleFiles(this.files, 'csv'))
+      .then(() => saveSingleOrMultipleFiles(this.files, 'csv', true))
       .finally(() => {
         this.closeModal();
       });
diff --git a/apps/frontend/src/components/global/ExportHTMLModal.vue b/apps/frontend/src/components/global/ExportHTMLModal.vue
index a0f4bd5e17..810a7c656e 100644
--- a/apps/frontend/src/components/global/ExportHTMLModal.vue
+++ b/apps/frontend/src/components/global/ExportHTMLModal.vue
@@ -57,7 +57,6 @@
 
 <script lang="ts">
 import LinkItem from '@/components/global/sidebaritems/IconLinkItem.vue';
-import {s2ab} from '@/utilities/export_util';
 import {saveAs} from 'file-saver';
 import Vue from 'vue';
 import Component from 'vue-class-component';
@@ -161,7 +160,13 @@ export default class ExportHTMLModal extends Vue {
     );
 
     saveAs(
-      new Blob([s2ab(body)], {type: 'application/octet-stream'}),
+      new Blob(
+        [
+          new Uint8Array([0xef, 0xbb, 0xbf]), // Insert UTF-8 BOM
+          body
+        ],
+        {type: 'text/html;charset=utf-8'}
+      ),
       `${this.exportType}_Report_${new Date().toString()}.html`.replace(
         /[ :]/g,
         '_'
diff --git a/apps/frontend/src/utilities/export_util.ts b/apps/frontend/src/utilities/export_util.ts
index ab46a2b2b4..f03fed220e 100644
--- a/apps/frontend/src/utilities/export_util.ts
+++ b/apps/frontend/src/utilities/export_util.ts
@@ -7,15 +7,31 @@ type File = {
 };
 export async function saveSingleOrMultipleFiles(
   files: File[],
-  filetype: string
+  filetype: string,
+  insertBOM: boolean = false
 ) {
   if (files.length === 1) {
-    const blob = new Blob([files[0].data]);
+    let blob: Blob;
+    // Insert BOM to force UTF-8 encoding
+    if (insertBOM) {
+      blob = new Blob([new Uint8Array([0xef, 0xbb, 0xbf]), files[0].data]);
+    } else {
+      blob = new Blob([files[0].data]);
+    }
     saveAs(blob, cleanUpFilename(`${files[0]?.filename}`));
   } else {
     const zipfile = new ZipFile();
     files.forEach((file) => {
-      const buffer = Buffer.from(file.data);
+      let buffer: Buffer;
+      // Insert BOM to force UTF-8 encoding
+      if (insertBOM) {
+        buffer = Buffer.concat([
+          Buffer.from(new Uint8Array([0xef, 0xbb, 0xbf])),
+          Buffer.from(file.data)
+        ]);
+      } else {
+        buffer = Buffer.from(file.data);
+      }
       zipfile.addFile(file.filename, buffer);
     });
     const blob = new Blob([zipfile.toBuffer()]);
