diff --git a/public/styles/components.less b/public/styles/components.less
index 5d795d72..a7422fb1 100644
--- a/public/styles/components.less
+++ b/public/styles/components.less
@@ -184,8 +184,14 @@ html body {
 	.border-radius(0px);
   }
 
-  .btn.btn-primary {
+  .btn.btn-primary, .add-btn, .btn-success {
 	background: @pfm-purple;
+	color: #fff;
+  }
+
+  .btn-success.disabled {
+	background: @pfm-purple;
+	color: #eee;
   }
 
   .ui-datepicker {
diff --git a/public/templates/tracks/show.html b/public/templates/tracks/show.html
index e20d1a0f..3746cf3f 100644
--- a/public/templates/tracks/show.html
+++ b/public/templates/tracks/show.html
@@ -14,12 +14,12 @@
 			</a>
 			<ul class="dropdown-menu">
 				<li bindonce ng-repeat="playlist in playlists">
-					<a bo-class="{disabled: playlist.message, 'btn-success': playlist.message}" bo-href="playlist.url" pfm-eat-click ng-click="addToPlaylist(playlist); $event.stopPropagation()">
+					<a ng-class="{disabled: playlist.message, 'btn-success': playlist.message}" bo-href="playlist.url" pfm-eat-click ng-click="addToPlaylist(playlist); $event.stopPropagation()">
 						<span ng-hide="playlist.message" bo-text="playlist.title"></span>
 						<span ng-show="playlist.message">{{playlist.message}}</span>
 					</a>
 				</li>
-				<li><a href="#" class="btn-primary" pfm-eat-click ng-click="addToNewPlaylist()">Add to New Playlist</a></li>
+				<li><a href="#" class="add-btn" pfm-eat-click ng-click="addToNewPlaylist()">Add to New Playlist</a></li>
 			</ul>
 		</li>
 		<li><a href="#" class="btn">Share or Embed</a></li>