diff --git a/public/css/common.css b/public/css/common.css
index f3e3b5e9..75af56fb 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -267,6 +267,30 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   border: 2px solid #6C0000;
 }
 
+.label {
+  padding: .7em 2em;
+  font-size: 13px;
+  text-transform: uppercase;
+  font-weight:100;
+}
+
+.label-primary {
+  background-color: #8DC429;
+}
+
+.label-default {
+  background-color: #ffffff;
+  color: #333;
+}
+
+.label-success {
+  background-color: #2FA4D7;
+}
+
+.label-danger {
+  background-color: #AC0015;
+}
+
 .progress-bar-info { background-color: #8DC429; }
 
 /* Set the fixed height of the footer here */
diff --git a/public/views/transaction/tx.html b/public/views/transaction/tx.html
index 2d6cce8f..e5eddc7c 100644
--- a/public/views/transaction/tx.html
+++ b/public/views/transaction/tx.html
@@ -109,11 +109,11 @@
 </div>
 <div class="line-top row">
   <div class="col-xs-4 col-md-6">
-    <button data-ng-show="!tx.isCoinBase" class="btn btn-default">Fees: {{$root.currency.getConvertion(tx.fees)}}</button>
+    <span data-ng-show="!tx.isCoinBase" class="label label-default">Fees: {{$root.currency.getConvertion(tx.fees)}}</span>
   </div>
   <div class="col-xs-8 col-md-6 text-right">
-    <button data-ng-show="tx.confirmations" class="btn btn-success">{{tx.confirmations}} Confirmations</button>
-    <button data-ng-show="!tx.confirmations" class="btn btn-danger">Unconfirmed Transaction!</button>
-    <button class="btn btn-primary">{{$root.currency.getConvertion(tx.valueOut)}}</button>
+    <span data-ng-show="tx.confirmations" class="label label-success">{{tx.confirmations}} Confirmations</span>
+    <span data-ng-show="!tx.confirmations" class="label label-danger">Unconfirmed Transaction!</span>
+    <span class="label label-primary">{{$root.currency.getConvertion(tx.valueOut)}}</span>
   </div>
 </div>