diff --git a/layouts/css/styles.styl b/layouts/css/styles.styl
index 022e989f411f..5b8f32c5b299 100644
--- a/layouts/css/styles.styl
+++ b/layouts/css/styles.styl
@@ -101,3 +101,17 @@ a:hover .color-lightgray
 
   & *:first-child
     margin-top 0.5rem
+
+html[dir="rtl"]
+    .has-side-nav
+      aside
+        float right
+
+      article
+        margin-right 220px
+        margin-left 0px
+
+    @media screen and (max-width: 480px)
+      .has-side-nav
+        article
+          margin-right 0px
\ No newline at end of file