diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index 1c59366..7ec54e1 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -32,7 +32,7 @@
       </ion-list>
 
       <ion-list [hidden]="tx.isCoinBase">
-        <ion-item *ngFor="let vin of aggregateItems(tx.vin); let i = index" [ngClass]="[i === txIndex && txDirection === '<' ? 'item--state-highlight' : 'item--state-nolight']">
+        <ion-item *ngFor="let vin of aggregateItems(tx.vin); let i = index" [ngClass]="{'item--state-highlight' : i === txIndex && txDirection === '<'}">
           <div>
             <div class="ellipsis">
               <p>
@@ -73,7 +73,7 @@
 
     <ion-col col-12 col-md-6>
       <ion-list>
-        <ion-item *ngFor="let vout of tx.vout; let i = index" [ngClass]="[i === txIndex && txDirection === '>' ? 'item--state-highlight' : 'item--state-nolight']">
+        <ion-item *ngFor="let vout of tx.vout; let i = index" [ngClass]="{'item--state-highlight' : i === txIndex && txDirection === '>'}">
           <div>
             <div class="ellipsis">
               <p>
diff --git a/app/src/components/transaction/transaction.scss b/app/src/components/transaction/transaction.scss
index 3021c0f..d66414c 100644
--- a/app/src/components/transaction/transaction.scss
+++ b/app/src/components/transaction/transaction.scss
@@ -44,9 +44,6 @@ transaction {
   .item--state-highlight {
     background-color: #8dc429;
   }
-  .item--state-nolight {
-    background-color: default;
-  }
 
   .list {
     margin-bottom: 5px;