diff --git a/src/components/DocPage/DocPage.scss b/src/components/DocPage/DocPage.scss
index 036c016b..e4e0773d 100644
--- a/src/components/DocPage/DocPage.scss
+++ b/src/components/DocPage/DocPage.scss
@@ -258,6 +258,11 @@
     @media screen and (min-width: 1024px) {
         &#{&}_full-screen#{&}_regular-page-width &__controls_vertical {
             right: -36px;
+
+            [dir='rtl'] & {
+                left: -36px;
+                right: auto;
+            }
         }
     }
     /* stylelint-disable declaration-no-important */
diff --git a/src/components/ToggleArrow/ToggleArrow.scss b/src/components/ToggleArrow/ToggleArrow.scss
index eec8d472..29feb5d6 100644
--- a/src/components/ToggleArrow/ToggleArrow.scss
+++ b/src/components/ToggleArrow/ToggleArrow.scss
@@ -6,30 +6,32 @@
     &_type {
         &_horizontal {
             transform: rotate(0deg);
-        }
-
-        &_vertical {
-            transform: rotate(90deg);
-        }
 
-        [dir='rtl'] & {
-            &_horizontal {
+            [dir='rtl'] & {
                 transform: rotate(180deg);
             }
+        }
 
-            &_vertical {
-                transform: rotate(90deg);
-            }
+        &_vertical {
+            transform: rotate(90deg);
         }
     }
 
     &_open {
         &#{$root}_type_horizontal {
             transform: rotate(90deg);
+
+            [dir='rtl'] & {
+                transform: rotate(90deg);
+            }
         }
 
         &#{$root}_type_vertical {
             transform: rotate(-90deg);
+
+            [dir='rtl'] & {
+                transform: rotate(90deg);
+            }
         }
     }