diff --git a/src/features/i18n/components/LanguageSwitchButton.vue b/src/features/i18n/components/LanguageSwitchButton.vue
index efdcb9d..873d80b 100644
--- a/src/features/i18n/components/LanguageSwitchButton.vue
+++ b/src/features/i18n/components/LanguageSwitchButton.vue
@@ -17,7 +17,7 @@ limitations under the License.
 <script setup>
 import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { loadLanguage } from '@/i18n';
+import { loadLanguage, LANGUAGES_RTL } from '@/i18n';
 
 const { locale } = useI18n();
 
@@ -40,7 +40,7 @@ async function selectLanguage(code) {
     await loadLanguage(code);
     localStorage.setItem('locale', code);
     document.documentElement.lang = code;
-    document.documentElement.dir = code === 'ar' ? 'rtl' : 'ltr';
+    document.documentElement.dir = LANGUAGES_RTL.includes(code) ? 'rtl' : 'ltr';
     isOpen.value = false;
 }
 
diff --git a/src/i18n.js b/src/i18n.js
index 30a87cc..b592e32 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -19,6 +19,10 @@ import getCurrentLanguage from './utils/currentLanguage';
 
 export const fallbackLocale = 'en';
 
+
+export const LANGUAGES_RTL = [
+    'ar'
+];
 const SUPPORTED_LANGUAGES = [
     'en', 'de', 'fr', 'es', 'it', 'pt', 'zh', 'ja', 'ar', 'hi'
 ];