diff --git a/packages/studio/api/mail/index.ts b/packages/studio/api/mail/index.ts
index c3b192a065be..12674f42540b 100644
--- a/packages/studio/api/mail/index.ts
+++ b/packages/studio/api/mail/index.ts
@@ -127,7 +127,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 cc57393f0b18..da85b81702ff 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(