diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index ba8b6f3c8..8ba080e8e 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -134,8 +134,9 @@
         </div>
     </script>
     <script id="loading" type="text/ng-template">
-	    <div class="progress progress-striped active" style="position:absolute;top:40%;width:90%;margin-left:5%;display:none;z-index:10">
-		    <div class="bar" style="width: 0%;"></div>
+	    <div class="progress progress-striped" style="position:absolute;top:40%;width:90%;margin-left:5%;display:none;z-index:10">
+            <div class="bar progress-bar progress-bar-info" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
+            </div>
 	    </div>
     </script>
 
diff --git a/src/main/webapp/views/transactionDetail.html b/src/main/webapp/views/transactionDetail.html
index c1095c7c2..efe42f227 100644
--- a/src/main/webapp/views/transactionDetail.html
+++ b/src/main/webapp/views/transactionDetail.html
@@ -47,12 +47,12 @@
     </div>
 
     <div class="tab-pane" id="ServerMap">
-    	<span class="label label-important"><span class="glyphicon glyphicon-exclamation-sign icon-white"></span> Technical Preview</span>
+    	<span class="label label-danger"><span class="glyphicon glyphicon-exclamation-sign"></span> Technical Preview</span>
         <server-map></server-map>
     </div>
 
     <div class="tab-pane" id="Timeline">
-    	<span class="label label-important"><span class="glyphicon glyphicon-exclamation-sign icon-white"></span> Technical Preview</span>
+    	<span class="label label-danger"><span class="glyphicon glyphicon-exclamation-sign"></span> Technical Preview</span>
         <timeline></timeline>
     </div>