diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js
index dbbf07710..5ed103421 100644
--- a/ui/app/components/tx-view.js
+++ b/ui/app/components/tx-view.js
@@ -114,7 +114,7 @@ TxView.prototype.render = function () {
         h('button.btn-clear', {
           style: {
             textAlign: 'center',
-            marginLeft: '1.4em',
+            marginLeft: '0.8em',
           },
           onClick: () => {
             this.props.showSendPage()
diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss
index ad7f5952f..a04af0649 100644
--- a/ui/app/css/itcss/components/hero-balance.scss
+++ b/ui/app/css/itcss/components/hero-balance.scss
@@ -89,18 +89,23 @@
       font-size: 75%;
       background: $white;
       border: 1px solid;
+      border-radius: 2px;
 
       @media screen and (max-width: $break-small) {
-        width: 28%;
+        width: 23%;
         height: 55%;
+        border-color: $black;
       }
 
       @media screen and (min-width: $break-large) {
         width: 5%;
-        flex-grow: 2;
-        height: 4.2vh;
+        flex-grow: 1;
+        height: 4.6vh;
         min-height: 28px;
-        font-size: .7em;
+        font-size: .6em;
+        border-color: $curious-blue;
+        color: $curious-blue;
+        padding: 0px;
       }
     }
   }
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index f2abf601c..15cad8dde 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -25,6 +25,7 @@ $dusty-gray: #9b9b9b;
 $alto: #dedede;
 $alabaster: #fafafa;
 $silver-chalice: #aeaeae;
+$curious-blue: #2f9ae0;
 $concrete: #f3f3f3;
 
 /*