diff --git a/kumascript/macros/CSSSyntax.ejs b/kumascript/macros/CSSSyntax.ejs
index 7af7ca7d2b59..ae52914abe0b 100644
--- a/kumascript/macros/CSSSyntax.ejs
+++ b/kumascript/macros/CSSSyntax.ejs
@@ -433,4 +433,8 @@ if (!formattedSyntax) {
     throw new Error(`No syntax found in DB for '${name}'`);
 }
 
-%><%- formattedSyntax %>
+const rtlLocales = ['ar', 'he', 'fa'];
+const rtl = rtlLocales.includes(env.locale);
+const out = `<pre${rtl ? ' dir="rtl"' : ""}>${formattedSyntax}</pre>`
+
+%><%- out %>