diff --git a/css/src/mobile.css b/css/src/mobile.css
index bf5df6359..a8ad1a489 100644
--- a/css/src/mobile.css
+++ b/css/src/mobile.css
@@ -416,8 +416,8 @@
   }
 
   a.pin-button {
-    margin: 2px;
-    padding: 4% 10%;
+    margin: 4px;
+    padding: 5% 10%;
     display: inline-block;
     color: #ccc;
     font-size: 120%;
@@ -425,6 +425,7 @@
 
   a.pin-button:active {
     color: #fff;
+    background-color: #2C3E50;
   }
 
 }
diff --git a/views/includes/pin-number.html b/views/includes/pin-number.html
index ff3790e77..ab657809a 100644
--- a/views/includes/pin-number.html
+++ b/views/includes/pin-number.html
@@ -16,8 +16,8 @@
   </div>
   <div class="pin-button-bar">
     <a class="pin-button" ng-click="skip()">
-      <i class="fi-unlock" ng-show="$root.hasPin"></i>
-      <i class="fi-home" ng-show="!$root.hasPin"></i>
+      <i class="fi-unlock text-warning" ng-show="$root.hasPin"></i>
+      <i class="fi-home text-secondary" ng-show="!$root.hasPin"></i>
     </a>
     <a class="pin-button" ng-click="press(0)">0</a>
     <a class="pin-button" ng-click="clear()"><i class="fi-arrow-left"></i></a>