From 1ae26c4fa48f6da4dffdbda5ecbaab52995220b4 Mon Sep 17 00:00:00 2001
From: olewandowski1 <olewandowski@soldevelo.com>
Date: Fri, 27 Sep 2024 12:21:57 +0200
Subject: [PATCH] OIS-25: fix modal styling when rtl

---
 src/react-components/modals/_modal.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/react-components/modals/_modal.scss b/src/react-components/modals/_modal.scss
index f8bdb2e8..36e2f461 100644
--- a/src/react-components/modals/_modal.scss
+++ b/src/react-components/modals/_modal.scss
@@ -38,9 +38,16 @@ $padding-value: 1rem;
   height: auto;
   top: 50%;
   inset-inline-start: 50%;
-  transform: translate(-50%, -50%);
   width: 600px;
   margin: 30px auto;
+
+  [dir='ltr'] & {
+    transform: translate(-50%, -50%);
+  }
+
+  [dir='rtl'] & {
+    transform: translate(50%, -50%);
+  }
 }
 
 .display-block {