diff --git a/web/viewer.css b/web/viewer.css
index 91f4d51a0..c73581062 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -967,16 +967,19 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
   -moz-user-select:none;
 }
 
-.outlineItem > .outlineItems {
+html[dir='ltr'] .outlineItem > .outlineItems {
   margin-left: 20px;
 }
 
+html[dir='rtl'] .outlineItem > .outlineItems {
+  margin-right: 20px;
+}
+
 .outlineItem > a {
   text-decoration: none;
   display: inline-block;
   min-width: 95%;
   height: auto;
-  padding: 2px 0 5px 10px;
   margin-bottom: 1px;
   border-radius: 2px;
   color: hsla(0,0%,100%,.8);
@@ -987,6 +990,14 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
   white-space: normal;
 }
 
+html[dir='ltr'] .outlineItem > a {
+  padding: 2px 0 5px 10px;
+}
+
+html[dir='rtl'] .outlineItem > a {
+  padding: 2px 10px 5px 0;
+}
+
 .outlineItem > a:hover {
   background-color: hsla(0,0%,100%,.02);
   background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));