diff --git a/frontend/src/app/components/api-docs/code-template.component.html b/frontend/src/app/components/api-docs/code-template.component.html
index e396a03aa..c420e14bc 100644
--- a/frontend/src/app/components/api-docs/code-template.component.html
+++ b/frontend/src/app/components/api-docs/code-template.component.html
@@ -1,4 +1,4 @@
-<div class="code" dir="ltr" style="text-align: left !important;">
+<div class="code">
   <ul ngbNav #navCodeTemplate="ngbNav" class="nav-tabs code-tab">
     <li ngbNavItem *ngIf="code.codeTemplate.curl && method !== 'websocket'">
       <a ngbNavLink>cURL</a>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index b486b4b3a..871d6d598 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -746,6 +746,30 @@ th {
       margin-right: 0 !important;
       margin-left: 0.5rem !important;
     }
+
+    .code {
+      @extend .code;
+      text-align: left !important;
+      direction: ltr;
+      .subtitle {
+        @extend .subtitle;
+        direction: rtl;
+        text-align: right !important;
+      }
+    }
+
+    .container-graph {
+      @extend .container-graph;
+      .formRadioGroup {
+        @extend .formRadioGroup;
+        direction: ltr;
+      }
+    }
+
+    .mempool-graph {
+      @extend .mempool-graph;
+      direction: ltr;
+    }
 }