diff --git a/app/styles/aria-ng.css b/app/styles/aria-ng.css
index eeb7bdc..32caff6 100644
--- a/app/styles/aria-ng.css
+++ b/app/styles/aria-ng.css
@@ -649,6 +649,10 @@ td {
     margin-right: 4px;
 }
 
+.piece-legend .piece {
+    margin-right: 2px;
+}
+
 .piece-map .piece, .piece-legend .piece {
     width: 10px;
     height: 10px;
diff --git a/app/views/task-detail.html b/app/views/task-detail.html
index 2665fa0..9a4831a 100644
--- a/app/views/task-detail.html
+++ b/app/views/task-detail.html
@@ -218,7 +218,7 @@
                             </div>
                             <div class="col-sm-3">
                                 <div class="piece-bar-wrapper">
-                                    <ng-piece-bar bit-field="peer.bitfield" piece-count="task.numPieces" color="#149BDF"></ng-piece-bar>
+                                    <ng-piece-bar bit-field="peer.bitfield" piece-count="task.numPieces" color="#208fe5"></ng-piece-bar>
                                 </div>
                             </div>
                             <div class="col-sm-2 col-xs-4">