diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 6fa60d8..ea2cefd 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -35,6 +35,10 @@ export class AppComponent {
     this.direction = this.storageService.getItem('direction') || directions.LTR;
     this.storageService.setItem('direction', this.direction);
 
+     if (typeof document !== 'undefined') {
+    document.documentElement.setAttribute('dir', this.direction);
+  }
+
     const userStr = this.storageService.getItem('user');
     if (userStr) {
       try {