diff --git a/src/app/view/home/block-append/block-append.component.html b/src/app/view/home/block-append/block-append.component.html
index 324b6bb..319b2eb 100644
--- a/src/app/view/home/block-append/block-append.component.html
+++ b/src/app/view/home/block-append/block-append.component.html
@@ -1,4 +1,4 @@
-<div [ngClass]="{'mobile_table alt_color' : true, hght_40: item.id != clickValue }"  id="hash_{{blockdetails.blockchain_block_height}}" #item >
+<div class="{{ blockdetails.zibra_colour }}" [ngClass]="{'mobile_table' : true, hght_40: item.id != clickValue }"  id="hash_{{blockdetails.blockchain_block_height}}" #item >
 <div class="my-animation">
   <div class="row">
     <div class="col-6 col-md-3 tble_col">
@@ -6,7 +6,7 @@
       <span  *ngIf="item.id == clickValue" (click)="onClickMinus(blockdetails.blockchain_block_height);" class="expnd_blck"><i class="fa fa-minus"></i></span><h6>Height</h6><span class="blck_value link_to_detail" routerLink="/blockdetail/{{ blockdetails.blockchain_block_height }}">{{ blockdetails.blockchain_block_height }}</span></div>
     </div>
     <div class="col-6 col-md-3 tble_col">
-      <div [title]="blockdetails.blockchain_block_hash" routerLink="/blockdetail/{{ blockdetails.blockchain_block_hash }}" class="block_div link_to_detail"><h6>Hash</h6><span class="blck_value">{{ blockdetails.hashstart
+      <div [title]="blockdetails.blockchain_block_hash" routerLink="/blockdetail/{{ blockdetails.blockchain_block_hash }}" class="block_div"><h6>Hash</h6><span class="blck_value">{{ blockdetails.hashstart
       }}<span
         *ngFor="let color of blockdetails.hasharray"
         class="hash"
diff --git a/src/app/view/home/latestblocks/latestblocks.component.ts b/src/app/view/home/latestblocks/latestblocks.component.ts
index 7722271..983c429 100644
--- a/src/app/view/home/latestblocks/latestblocks.component.ts
+++ b/src/app/view/home/latestblocks/latestblocks.component.ts
@@ -21,6 +21,7 @@ export class LatestblocksComponent implements OnInit {
   public DifferentList: any = [];
   public blockAppend: any;
   public blockdetails: any;
+  public zibra_color = "zibra_white";
   public lastblock: any;
   public clickValue: any;
   public clickPeer: any;
@@ -119,6 +120,12 @@ export class LatestblocksComponent implements OnInit {
     this.blockAppend['output_count'] = DifferentList.output_count;
     this.blockAppend['kernal_count'] = DifferentList.kernal_count;
     this.blockAppend['hashstart'] = DifferentList.hashstart;
+    this.blockAppend['zibra_colour'] = this.zibra_color;
+    if(this.zibra_color == "zibra_white"){
+         this.zibra_color = "zibra_grey";
+    }else{
+      this.zibra_color = "zibra_white";
+    }
     this.blockAppend['hashend'] = DifferentList.hashend;
     this.blockAppend['hasharray'] = DifferentList.hasharray;
     this.blockAppend['target_difficulty_cuckaroo'] = DifferentList.target_difficulty_cuckaroo;
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 837b3bb..b36fb8b 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -384,6 +384,11 @@ a:focus {
 .chart_show {
   min-height: 268px;
 }
+.crisp,
+.xgrid,
+.zerolinelayer path {
+  stroke: #a6a6a6 !important;
+}
 /************************************************Footer*****************************************/
 .footer_div {
   border-top: 1px solid rgba(0, 0, 0, 0.15);
@@ -541,7 +546,7 @@ margin-right: 10px;
 }
 
 .peers_diff .blck_value{word-wrap: break-word;}
-.js-plotly-plot .plotly .main-svg{background: rgb(243, 244, 242) none repeat scroll 0% 0% !important;}
+.main-svg:first-child{background: rgb(243, 244, 242) none repeat scroll 0% 0% !important;}
 .bg{fill: rgb(243, 244, 242) !important;}
 /**********************************************Dark Theme CSS********************************/
 body.dark_theme {
@@ -665,7 +670,7 @@ body.dark_theme {
 .dark_theme .crisp,
 .dark_theme .xgrid,
 .dark_theme .zerolinelayer path {
-  stroke: #384566 !important;
+  stroke: #f3f4f2 !important;
 }
 .dark_theme .page-link {
   background-color: #222223;