diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index c6fc3674..918d8b85 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -567,3 +567,7 @@
   height: 100%;
   width: 100%;
 }
+
+.rtl-screen{
+  direction: rtl;
+}
diff --git a/app/components/home.tsx b/app/components/home.tsx
index 46fd78e8..b4b19028 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -15,6 +15,8 @@ import dynamic from "next/dynamic";
 import { Path, SlotID } from "../constant";
 import { ErrorBoundary } from "./error";
 
+import { getLang } from "../locales";
+
 import {
   HashRouter as Router,
   Routes,
@@ -124,7 +126,7 @@ function Screen() {
           config.tightBorder && !isMobileScreen
             ? styles["tight-container"]
             : styles.container
-        }`
+        } ${getLang() === "ar" ? styles["rtl-screen"] : ""}`
       }
     >
       {isAuth ? (