diff --git a/web-ui/src/app/components/address-details/address-details.component.html b/web-ui/src/app/components/address-details/address-details.component.html
index 5b43ec5..6a5c9ab 100644
--- a/web-ui/src/app/components/address-details/address-details.component.html
+++ b/web-ui/src/app/components/address-details/address-details.component.html
@@ -32,7 +32,7 @@
               </tr>
               <tr>
                 <td>{{'label.spent' | translate}}</td>
-                <td>{{getSent(address)}} {{'label.coinName' | translate}}</td>
+                <td>{{address.spent}} {{'label.coinName' | translate}}</td>
               </tr>
             </tbody>
           </table>
@@ -67,7 +67,7 @@
             </td>
             <td>{{item.time * 1000 | date:'MMMM d, y, h:mm:ss a'}}</td>
             <td>{{item.received >= item.sent ? '+' : ''}}{{item.received - item.sent}} {{'label.coinName' | translate}}</td>
-            <td>{{item.size}}</td>
+            <td>{{item.size}} bytes</td>
           </tr>
         </tbody>
       </table>
diff --git a/web-ui/src/app/components/address-details/address-details.component.ts b/web-ui/src/app/components/address-details/address-details.component.ts
index 9c4a846..b8b6955 100644
--- a/web-ui/src/app/components/address-details/address-details.component.ts
+++ b/web-ui/src/app/components/address-details/address-details.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
 
 import { Observable } from 'rxjs/Observable';
 
@@ -8,7 +8,6 @@ import { Transaction } from '../../models/transaction';
 
 import { AddressesService } from '../../services/addresses.service';
 import { ErrorService } from '../../services/error.service';
-import { NavigatorService } from '../../services/navigator.service';
 
 @Component({
   selector: 'app-address-details',
@@ -28,8 +27,6 @@ export class AddressDetailsComponent implements OnInit {
 
   constructor(
     private route: ActivatedRoute,
-    private router: Router,
-    private navigatorService: NavigatorService,
     private addressesService: AddressesService,
     private errorService: ErrorService) { }
 
@@ -61,8 +58,4 @@ export class AddressDetailsComponent implements OnInit {
   private onError(response: any) {
     this.errorService.renderServerErrors(null, response);
   }
-
-  getSent(address: Balance): number {
-    return address.received - address.available;
-  }
 }
diff --git a/web-ui/src/app/models/transaction.ts b/web-ui/src/app/models/transaction.ts
index e848633..1f7bf67 100644
--- a/web-ui/src/app/models/transaction.ts
+++ b/web-ui/src/app/models/transaction.ts
@@ -8,6 +8,8 @@ export class Transaction {
   confirmations: number;
   input: TransactionValue[];
   output: TransactionValue[];
+  sent: number;
+  received: number;
 }
 
 class TransactionValue {