diff --git a/src/app/@theme/layouts/one-column/one-column.layout.ts b/src/app/@theme/layouts/one-column/one-column.layout.ts
index cc0b789a..6486d63f 100644
--- a/src/app/@theme/layouts/one-column/one-column.layout.ts
+++ b/src/app/@theme/layouts/one-column/one-column.layout.ts
@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
         <ngx-header></ngx-header>
       </nb-layout-header>
 
-      <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive>
+      <nb-sidebar class="menu-sidebar" tag="menu-sidebar" responsive start>
         <ng-content select="nb-menu"></ng-content>
       </nb-sidebar>
 
diff --git a/src/app/@theme/theme.module.ts b/src/app/@theme/theme.module.ts
index 9bb44420..92304247 100644
--- a/src/app/@theme/theme.module.ts
+++ b/src/app/@theme/theme.module.ts
@@ -12,6 +12,7 @@ import {
   NbSelectModule,
   NbIconModule,
   NbThemeModule,
+  NbLayoutDirection,
 } from '@nebular/theme';
 import { NbEvaIconsModule } from '@nebular/eva-icons';
 import { NbSecurityModule } from '@nebular/security';
@@ -85,6 +86,8 @@ export class ThemeModule {
             name: 'default',
           },
           [ DEFAULT_THEME, COSMIC_THEME, CORPORATE_THEME, DARK_THEME ],
+          null,
+          NbLayoutDirection.LTR,
         ).providers,
       ],
     };
diff --git a/src/app/pages/e-commerce/earning-card/earning-card.component.scss b/src/app/pages/e-commerce/earning-card/earning-card.component.scss
index 293d2717..feff3fe1 100644
--- a/src/app/pages/e-commerce/earning-card/earning-card.component.scss
+++ b/src/app/pages/e-commerce/earning-card/earning-card.component.scss
@@ -11,13 +11,15 @@
     top: 1rem;
     @include nb-rtl(right, auto);
     @include nb-rtl(left, 0.625rem);
+    @include nb-rtl(transform, scaleX(-1));
     cursor: pointer;
   }
 
   ::ng-deep .flipped {
     .back-container {
       .flip-icon {
-        transform: scaleX(-1);
+        @include nb-ltr(transform, scaleX(-1));
+        @include nb-rtl(transform, scaleX(1));
       }
     }
 
diff --git a/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss b/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
index 23f37b27..534e4b55 100644
--- a/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
+++ b/src/app/pages/e-commerce/profit-card/back-side/stats-card-back.component.scss
@@ -6,7 +6,8 @@
   flex: 1;
 
   .title {
-    padding-left: 0.5rem;
+    @include nb-ltr(padding-left, 0.5rem);
+    @include nb-rtl(padding-right, 0.5rem);
   }
 
   nb-card-body {
diff --git a/src/app/pages/e-commerce/profit-card/front-side/stats-card-front.component.scss b/src/app/pages/e-commerce/profit-card/front-side/stats-card-front.component.scss
index 03c74d66..8b2e0b0a 100644
--- a/src/app/pages/e-commerce/profit-card/front-side/stats-card-front.component.scss
+++ b/src/app/pages/e-commerce/profit-card/front-side/stats-card-front.component.scss
@@ -6,7 +6,8 @@
   flex: 1;
 
   .title {
-    padding-left: 0.5rem;
+    @include nb-ltr(padding-left, 0.5rem);
+    @include nb-rtl(padding-right, 0.5rem);
   }
 
   nb-card-header {
diff --git a/src/app/pages/e-commerce/profit-card/profit-card.component.scss b/src/app/pages/e-commerce/profit-card/profit-card.component.scss
index ed0bf32c..36ddca10 100644
--- a/src/app/pages/e-commerce/profit-card/profit-card.component.scss
+++ b/src/app/pages/e-commerce/profit-card/profit-card.component.scss
@@ -7,13 +7,15 @@
     top: 1rem;
     @include nb-rtl(right, auto);
     @include nb-rtl(left, 0.625rem);
+    @include nb-rtl(transform, scaleX(-1));
     cursor: pointer;
   }
 
   ::ng-deep .flipped {
     .back-container {
       .flip-icon {
-        transform: scaleX(-1);
+        @include nb-ltr(transform, scaleX(-1));
+        @include nb-rtl(transform, scaleX(1));
       }
     }
 
diff --git a/src/app/pages/e-commerce/slide-out/slide-out.component.scss b/src/app/pages/e-commerce/slide-out/slide-out.component.scss
index 4b232674..216e81b5 100644
--- a/src/app/pages/e-commerce/slide-out/slide-out.component.scss
+++ b/src/app/pages/e-commerce/slide-out/slide-out.component.scss
@@ -11,6 +11,7 @@
     top: 1.5rem;
     @include nb-ltr(right, 1.5rem);
     @include nb-rtl(left, 1.5rem);
+    @include nb-rtl(transform, scaleX(-1));
     cursor: pointer;
     background-color: transparent;
     z-index: 2;
diff --git a/src/app/pages/tables/tree-grid/tree-grid.component.scss b/src/app/pages/tables/tree-grid/tree-grid.component.scss
index 755b885b..d6b7bbaa 100644
--- a/src/app/pages/tables/tree-grid/tree-grid.component.scss
+++ b/src/app/pages/tables/tree-grid/tree-grid.component.scss
@@ -20,6 +20,7 @@
 
   ::ng-deep .row-toggle-button {
     color: nb-theme(text-basic-color);
+    @include nb-rtl(transform, scaleX(-1));
   }
 
   .nb-tree-grid-header-cell,