diff --git a/src/app/view/api-view/api-view.component.html b/src/app/view/api-view/api-view.component.html
index 03e1ce1..6e7c17b 100644
--- a/src/app/view/api-view/api-view.component.html
+++ b/src/app/view/api-view/api-view.component.html
@@ -1,13 +1,13 @@
 <div class="view_content py-4">
       <div  class="container">
-<h3>{{'api-view.query-api' | translate}}</h3>
+<h3 class="txt_primary">{{'api-view.query-api' | translate}}</h3>
 
-<p>
+<p class="txt_secondary">
    {{'api-view.query-api-line1' | translate}} <code>q</code> parameter.<br>
    {{'api-view.query-api-line2' | translate}} "<i>https://explorer.epic.tech/api?q=totalcoins</i>".
  </p>
- <h4>{{'api-view.real-time-simple-query' | translate}}</h4>
-<ul>
+ <h4 class="txt_primary">{{'api-view.real-time-simple-query' | translate}}</h4>
+<ul class="txt_secondary">
     <li><b>circulating</b>: {{'api-view.circulating' | translate}} </li>
     <li><b>getblockcount</b>: {{'api-view.getblockcount' | translate}}</li>
     <li><b>getdifficulty-randomx</b>: {{'api-view.getdifficulty-randomx' | translate}}</li>
@@ -16,11 +16,11 @@
     <li><b>totalcoins</b>: {{'api-view.totalcoins' | translate}}</li>
  </ul>
 
- <h4>{{'api-view.Block-Queries' | translate}}</h4>
- <p>
+ <h4 class="txt_primary">{{'api-view.Block-Queries' | translate}}</h4>
+ <p class="txt_secondary">
    {{'api-view.block-query-text' | translate}}
  </p>
- <ul>
+ <ul class="txt_secondary">
     <li><b>getblockhash</b>: takes a <code>height</code> {{'api-view.getblockhash' | translate}}</li>
     <li><b>getblockheight</b>: takes a <code>hash</code> {{'api-view.getblockheight' | translate}}</li>
     <li><b>getblocktime</b>: takes a <code>height</code> {{'api-view.getblocktime' | translate}}</li>