diff --git a/administrator/templates/atum/scss/template-rtl.scss b/administrator/templates/atum/scss/template-rtl.scss
index b67da648c385e..e2f155f9d759c 100644
--- a/administrator/templates/atum/scss/template-rtl.scss
+++ b/administrator/templates/atum/scss/template-rtl.scss
@@ -125,8 +125,18 @@ ul {
 }
 
 // skipto
-.skip-to [role="separator"] {
-  text-align: right !important;
+.skip-to {
+  &.popup {
+    right: -3000em;
+    left: 0 !important;
+    &.focus {
+      right: 46%;
+      left: 0 !important;
+    }
+  }
+  [role="separator"] {
+    text-align: right !important;
+  }
 }
 
 // SearchTools rounded corners
diff --git a/templates/cassiopeia/scss/template-rtl.scss b/templates/cassiopeia/scss/template-rtl.scss
index 6470064b6f9ed..1880eba4c00f1 100644
--- a/templates/cassiopeia/scss/template-rtl.scss
+++ b/templates/cassiopeia/scss/template-rtl.scss
@@ -59,8 +59,18 @@ body,
 }
 
 // skipto
-.skip-to [role="separator"] {
-  text-align: right !important;
+.skip-to {
+  &.popup {
+    right: -3000em;
+    left: 0 !important;
+    &.focus {
+      right: 46%;
+      left: 0 !important;
+    }
+  }
+  [role="separator"] {
+    text-align: right !important;
+  }
 }
 
 // SearchTools rounded corners