diff --git a/src/node/build/render.ts b/src/node/build/render.ts
index 8818a5e1..8e9dd3d6 100644
--- a/src/node/build/render.ts
+++ b/src/node/build/render.ts
@@ -148,8 +148,10 @@ export async function renderPage(
     }
   }
 
+  const pageDir = pageData.frontmatter.dir || siteData.dir || 'ltr'
+
   const html = `<!DOCTYPE html>
-<html lang="${siteData.lang}" dir="${siteData.dir}">
+<html lang="${siteData.lang}" dir="${pageDir}">
   <head>
     <meta charset="utf-8">
     ${
@@ -173,7 +175,7 @@ export async function renderPage(
     }
     ${await renderHead(head)}
   </head>
-  <body>${teleports?.body || ''}
+  <body dir="${pageDir}" style="direction: ${pageDir}">${teleports?.body || ''}
     <div id="app">${content}</div>
     ${metadataScript.inHead ? '' : metadataScript.html}
     ${inlinedScript}
