diff --git a/core/misc/icons/000000/chevron-right.svg b/core/misc/icons/000000/chevron-right.svg
new file mode 100644
index 000000000000..20018b760aa5
--- /dev/null
+++ b/core/misc/icons/000000/chevron-right.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="#000000" d="M8.053 8.355c.193-.195.193-.517 0-.711l-3.26-3.289c-.193-.195-.192-.514.002-.709l1.371-1.371c.194-.194.512-.193.706.001l5.335 5.369c.195.195.195.515 0 .708l-5.335 5.37c-.194.192-.512.193-.706.002l-1.371-1.371c-.194-.195-.195-.514-.002-.709l3.26-3.29z"/></svg>
+
diff --git a/core/modules/node/css/node.preview.css b/core/modules/node/css/node.preview.css
index 9aca68a96175..481a02ebdf02 100644
--- a/core/modules/node/css/node.preview.css
+++ b/core/modules/node/css/node.preview.css
@@ -12,6 +12,10 @@
 
 @media only screen and (min-width: 36em) {
   .node-preview-container .form-type-select {
-    margin-left: 25%;
+    margin-left: 25%; /* LTR */
+  }
+  [dir="rtl"] .node-preview-container .form-type-select {
+    margin-right: 25%;
+    margin-left: 0%;
   }
 }
diff --git a/core/themes/bartik/css/style.css b/core/themes/bartik/css/style.css
index 71772b367083..16bced5efe9a 100644
--- a/core/themes/bartik/css/style.css
+++ b/core/themes/bartik/css/style.css
@@ -859,7 +859,7 @@ ul.links {
 }
 .node-preview-backlink {
   background-color: #419ff1;
-  background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
+  background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #419ff1, #1076d5); /* LTR */
   border: 1px solid #0048c8;
   border-radius: .4em;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
@@ -867,23 +867,35 @@ ul.links {
   font-size: 0.9em;
   line-height: normal;
   margin: 0;
-  padding: 4px 1em 4px 0.6em;
+  padding: 4px 1em 4px 0.6em; /* LTR */
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
 }
+[dir="rtl"] .node-preview-backlink {
+  background: url(../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #419ff1, #1076d5);
+  padding: 4px 0.6em 4px 1em;
+  float: right;
+}
 .node-preview-backlink:focus,
 .node-preview-backlink:hover {
   background-color: #419cf1;
-  background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
+  background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef); /* LTR */
   border: 1px solid #0048c8;
   text-decoration: none;
   color: #fff;
 }
+[dir="rtl"] .node-preview-backlink:focus,
+[dir="rtl"] .node-preview-backlink:hover {
+  background: url(../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #59abf3, #2a90ef);
+}
 .node-preview-backlink:active {
   background-color: #0e69be;
-  background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
+  background: url(../../../misc/icons/000000/chevron-left.svg) left no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef); /* LTR */
   border: 1px solid #0048c8;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
 }
+.node-preview-backlink:active {
+  background: url(../../../misc/icons/000000/chevron-right.svg) right no-repeat, linear-gradient(to bottom, #0e69be, #2a93ef);
+}
 .node-preview-backlink::before {
   content: '';
   width: 10px;