diff --git a/src/config/settings.js b/src/config/settings.js
index d67a98b56361304c51a6ba682a26c0a0144997ef..c2d5d9bafecaa18dd46587d929ff7765bd894049 100644
--- a/src/config/settings.js
+++ b/src/config/settings.js
@@ -203,6 +203,7 @@ export default {
   },
   language: 'en', // The default language set in the application
   availableLanguages: { // All the languages available in the language switcher
+    ar: 'العربية',
     de: 'Deutsch',
     en: 'English',
     fr: 'Français',
diff --git a/src/i18n.js b/src/i18n.js
index 15f7bfb56c5d7344c60709bc6de276007aa0f393..381a8baf8721344d0d1ec78b2430c7e229be35a1 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -1,5 +1,6 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
+import ar from './locales/ar/translation.json';
 import de from './locales/de/translation.json';
 import en from './locales/en/translation.json';
 import zhCn from './locales/zhCn/translation.json';
@@ -13,6 +14,7 @@ import it from './locales/it/translation.json';
 export default () => {
   // Load translations for each language
   const resources = {
+    ar,
     de,
     en,
     fr,