diff --git a/src/css/styles.scss b/src/css/styles.scss
index ab6d3073..b73eaab0 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -262,9 +262,15 @@ button,
   align-items: flex-start;
   cursor: default;
   pointer-events: none !important;
-  left: 0.25rem;
   z-index: 100;
 
+  :root[dir="ltr"] & {
+    left: 0.25rem;
+  }
+  :root[dir="rtl"] & {
+    right: 0.25rem;
+  }
+
   &--transition-left {
     section {
       width: 185px;