diff --git a/src/sass/shame.scss b/src/sass/shame.scss
index 4100069e0..397f0795f 100644
--- a/src/sass/shame.scss
+++ b/src/sass/shame.scss
@@ -165,7 +165,7 @@ input[type=number] {
 
 .input-notification {
   float: right;
-  margin-right: 10px;
+  margin-right: 25px;
 }
 
 .pr {
diff --git a/src/sass/views/address-book.scss b/src/sass/views/address-book.scss
index 96fefb608..e03c8456b 100644
--- a/src/sass/views/address-book.scss
+++ b/src/sass/views/address-book.scss
@@ -14,9 +14,43 @@
     padding: 0 10px;
     font-size: 24px;
     cursor: pointer;
+    line-height: 155px;
   }
-  .qr-icon {
-    line-height: 45px;
+  .icon {
+    &.valid {
+      padding-top: 3px;
+      color: #13E5B6;
+    }
+    &.invalid {
+      padding-top: 3px;
+      color: #DF2121;
+    }
+  }
+  .add-address-input-group {
+    background-color: #fff;
+    .item-stacked-label {
+      padding: 1rem;
+    }
+    .input-label {
+      text-transform: uppercase;
+      font-size: 12px;
+      font-weight: bold;
+    }
+  }
+  .add-address-list {
+    .item {
+      color: $dark-gray;
+      padding-top: 1.3rem;
+      padding-bottom: 1.3rem;
+      &.item-divider {
+        color: $mid-gray;
+        padding-bottom: .5rem;
+        font-size: .9rem;
+      }
+    }
+    .item-note {
+      color: $light-gray;
+    }
   }
 }
 #view-address-book {
diff --git a/src/sass/views/join.scss b/src/sass/views/join.scss
index 601fff97c..15d368f9d 100644
--- a/src/sass/views/join.scss
+++ b/src/sass/views/join.scss
@@ -8,8 +8,20 @@
     padding: 0 10px;
     font-size: 24px;
     cursor: pointer;
-  }
-  .qr-icon {
     line-height: 45px;
   }
+  .item-stacked-label .icon {
+    padding: 0px;
+    margin: 0px;
+  }
+  .icon {
+    &.valid {
+      padding-top: 3px;
+      color: #13E5B6;
+    }
+    &.invalid {
+      padding-top: 3px;
+      color: #DF2121;
+    }
+  }
 }
diff --git a/www/views/addressbook.add.html b/www/views/addressbook.add.html
index 088fbf47d..55f39d2ed 100644
--- a/www/views/addressbook.add.html
+++ b/www/views/addressbook.add.html
@@ -16,8 +16,8 @@
 
     <form name="addressbookForm" no-validate>
 
-      <div class="list">
-        <label class="item item-input item-stacked-label">
+      <div class="list add-address-list add-address-input-group">
+        <label class="item item-input item-stacked-label no-border">
           <span class="input-label" translate>Name</span>
           <input type="text"
                  id="name"
@@ -37,10 +37,8 @@
           <label class="item item-input item-stacked-label">
             <span class="input-label" translate>Bitcoin Address</span>
             <div class="input-notification">
-              <i class="icon ion-checkmark-circled balanced"
-                 ng-show="!addressbookForm.address.$invalid"></i>
-              <i class="icon ion-close-circled assertive"
-                 ng-show="addressbookForm.address.$invalid && addressbookEntry.address"></i>
+              <i ng-show="!addressbookForm.address.$invalid" class="icon ion-checkmark-circled valid"></i>
+              <i ng-show="addressbookForm.address.$invalid && addressbookEntry.address" class="icon ion-close-circled invalid"></i>
             </div>
             <input type="text"
                    id="address"
diff --git a/www/views/join.html b/www/views/join.html
index a62496124..7d0d2e557 100644
--- a/www/views/join.html
+++ b/www/views/join.html
@@ -25,10 +25,8 @@
           <label class="item item-input item-stacked-label no-border">
             <span class="input-label" translate>Wallet Invitation</span>
             <div class="input-notification">
-              <i class="icon ion-checkmark-circled balanced"
-                 ng-show="!joinForm.secret.$invalid"></i>
-              <i class="icon ion-close-circled assertive"
-                 ng-show="joinForm.secret.$invalid && secret"></i>
+              <i ng-show="!joinForm.secret.$invalid" class="icon ion-checkmark-circled valid"></i>
+              <i ng-show="joinForm.secret.$invalid && secret" class="icon ion-close-circled invalid"></i>
             </div>
             <input id="secret"
                    type="text"
@@ -91,14 +89,14 @@
           </div>
 
           <div class="item item-input" ng-show="encrypt">
-            <input ng-show="join.seedSourceId == 'new'" 
+            <input ng-show="join.seedSourceId == 'new'"
                    placeholder="{{'Password'|translate}}"
                    type="password"
                    autocapitalize="off"
                    name="createPassphrase"
                    ng-model="createPassphrase">
 
-            <input ng-show="join.seedSourceId == 'set'" 
+            <input ng-show="join.seedSourceId == 'set'"
                    placeholder="{{'Password'|translate}}"
                    type="password"
                    autocapitalize="off"