diff --git a/packages/nc-gui/components/general/SocialCard.vue b/packages/nc-gui/components/general/SocialCard.vue
index 21b84d274e..da7872ba27 100644
--- a/packages/nc-gui/components/general/SocialCard.vue
+++ b/packages/nc-gui/components/general/SocialCard.vue
@@ -3,7 +3,7 @@ import { enumColor as colors } from '#imports'
 
 const { lang: currentLang } = useGlobal()
 
-const isRtlLang = $computed(() => ['fa'].includes(currentLang.value))
+const isRtlLang = $computed(() => ['fa', 'ar'].includes(currentLang.value))
 </script>
 
 <template>
diff --git a/packages/nc-gui/components/general/language/Menu.vue b/packages/nc-gui/components/general/language/Menu.vue
index 224e1923f3..187d1c207b 100644
--- a/packages/nc-gui/components/general/language/Menu.vue
+++ b/packages/nc-gui/components/general/language/Menu.vue
@@ -11,7 +11,7 @@ const { locale } = useI18n()
 
 const languages = $computed(() => Object.entries(Language).sort())
 
-const isRtlLang = $computed(() => ['fa'].includes(currentLang.value))
+const isRtlLang = $computed(() => ['fa', 'ar'].includes(currentLang.value))
 
 function applyDirection() {
   const targetDirection = isRtlLang ? 'rtl' : 'ltr'