diff --git a/src/app/modules/pia/export/export.component.scss b/src/app/modules/pia/export/export.component.scss
index edf6767cc..65a7aad43 100644
--- a/src/app/modules/pia/export/export.component.scss
+++ b/src/app/modules/pia/export/export.component.scss
@@ -1,8 +1,7 @@
-@import '~src/assets/stylesheets/variables';
+@import "~src/assets/stylesheets/variables";
 .pia-exportBlock {
-
   &-title {
-    padding-bottom: 5px;;
+    padding-bottom: 5px;
     margin-bottom: 15px;
     color: $pia-gray;
     border-bottom: 2px solid $pia-gray;
@@ -58,7 +57,7 @@
             margin-top: 4px;
           }
           span {
-            transition: all .3s;
+            transition: all 0.3s;
             margin-left: 27px;
             display: block;
           }
@@ -66,7 +65,7 @@
       }
       button {
         cursor: pointer;
-        margin-top:10px;
+        margin-top: 10px;
         width: 100%;
         padding: 10px 0;
         text-align: center;
@@ -92,7 +91,8 @@
       /* Custom checkboxes styles */
       input {
         position: absolute;
-        left: -9999px;
+        visibility: hidden;
+        left: 0;
       }
       label {
         cursor: pointer;
@@ -109,14 +109,14 @@
         }
       }
       label::before {
-        content: '';
+        content: "";
         display: block;
         position: absolute;
         top: 3px;
         width: 16px;
         height: 16px;
         border: 1px solid $pia-gray-dark;
-        transition: all .3s;
+        transition: all 0.3s;
       }
       input:checked + label::before {
         background-color: $pia-green;
diff --git a/src/app/services/languages.service.ts b/src/app/services/languages.service.ts
index d9f938725..e2f78c4ec 100644
--- a/src/app/services/languages.service.ts
+++ b/src/app/services/languages.service.ts
@@ -13,6 +13,7 @@ export class LanguagesService {
    */
   initLanguages(): void {
     this.translateService.addLangs([
+      'ar',
       'bg',
       'cz',
       'de',
@@ -51,13 +52,14 @@ export class LanguagesService {
       // Set default language
       const browserLang = this.translateService.getBrowserLang();
       language = browserLang.match(
-        /bg|cz|de|dk|el|en|es|et|fi|fr|hr|hu|it|lt|lv|nl|no|pl|pt|ro|sl|sv/
+        /ar|bg|cz|de|dk|el|en|es|et|fi|fr|hr|hu|it|lt|lv|nl|no|pl|pt|ro|sl|sv/
       )
         ? browserLang
         : 'fr';
       this.translateService.use(language);
     }
     this.selectedLanguage = language;
+    this.useAdequateDirection(this.selectedLanguage);
   }
 
   /**
@@ -68,5 +70,21 @@ export class LanguagesService {
     localStorage.setItem('userLanguage', selectedLanguage);
     this.translateService.use(selectedLanguage);
     this.selectedLanguage = selectedLanguage;
+    this.useAdequateDirection(this.selectedLanguage);
+  }
+
+  /**
+   * Use LTR or RTL direction according to current language
+   * @param selectedLanguage
+   */
+  useAdequateDirection(selectedLanguage: string): void {
+    const htmlElement = document.getElementById('htmlElement');
+    if (htmlElement) {
+      if (selectedLanguage == 'ar') {
+        htmlElement.setAttribute('dir', 'rtl');
+      } else {
+        htmlElement.setAttribute('dir', 'ltr');
+      }
+    }
   }
 }
diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index e171e6cd3..23dc9e205 100644
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -449,6 +449,18 @@
                     {{ "header.languages.bg" | translate }}
                   </a>
                 </li>
+                <li
+                  [ngClass]="{
+                    is_active: languagesService.selectedLanguage === 'ar'
+                  }"
+                >
+                  <a
+                    href="javascript:;"
+                    (click)="languagesService.updateCurrentLanguage('ar')"
+                  >
+                    {{ "header.languages.ar" | translate }}
+                  </a>
+                </li>
               </ul>
             </li>
           </ul>
diff --git a/src/index.html b/src/index.html
index 3a43d11e4..321e39b77 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" id="htmlElement">
   <head>
     <meta charset="utf-8" />
     <title>PIA - Privacy Impact Assessment</title>