diff --git a/packages/studio/api/mail/index.ts b/packages/studio/api/mail/index.ts
index 021c6bb03b1a..57806f741b51 100644
--- a/packages/studio/api/mail/index.ts
+++ b/packages/studio/api/mail/index.ts
@@ -128,7 +128,7 @@ export async function updateMailTemplates() {
     (file) => {
       const correspondingDistEntry =
         file
-          .replace('api/src', 'api/dist')
+          .replace(path.join('api', 'src'), path.join('api', 'dist'))
           .substring(0, file.lastIndexOf('.') + 1) + '.js'
       return distFiles.includes(correspondingDistEntry)
     }
diff --git a/packages/studio/api/services/mail.ts b/packages/studio/api/services/mail.ts
index 11d107d08b83..fb184a5ac4a8 100644
--- a/packages/studio/api/services/mail.ts
+++ b/packages/studio/api/services/mail.ts
@@ -97,7 +97,7 @@ export async function getRenderedMail(
     // Import the template component
     const templateComponentDistPath =
       template.path
-        .replace('api/src', 'api/dist')
+        .replace(path.join('api', 'src'), path.join('api', 'dist'))
         .substring(0, template.path.lastIndexOf('.') + 1) + '.js'
 
     const templateImportPath = templateComponentDistPath.replace(