diff --git a/public/css/vroom.css b/public/css/vroom.css
index 0f7c7ce..46a0ecc 100644
--- a/public/css/vroom.css
+++ b/public/css/vroom.css
@@ -111,17 +111,14 @@
 }
 .actionMute:before{
   font-family: 'Glyphicons Halflings';
-  color: red;
   content: "\e036";
 }
 .actionPause:before{
   font-family: 'Glyphicons Halflings';
-  color: red;
   content: "\e106";
 }
 .actionKick:before{
   font-family: 'Glyphicons Halflings';
-  color: red;
   content: "\e083";
 }
 #emailNotificationList {
diff --git a/public/js/vroom.js b/public/js/vroom.js
index 71a5ab0..3a506d9 100644
--- a/public/js/vroom.js
+++ b/public/js/vroom.js
@@ -712,11 +712,13 @@ function initVroom(room) {
       var div = 'mute_' + data.id,
           cl = 'muted';
       peers[data.id].micMuted = true;
+      $('#actionMute_' + data.id).addClass('btn-danger');
     }
     else if (data.name === 'video'){
       var div = 'pause_' + data.id,
           cl = 'paused';
       peers[data.id].videoPaused = true;
+      $('#actionPause_' + data.id).addClass('btn-danger');
     }
     else{
       return;
@@ -729,10 +731,12 @@ function initVroom(room) {
     if (data.name === 'audio'){
       var el = '#mute_' + data.id;
       peers[data.id].micMuted = false;
+      $('#actionMute_' + data.id).removeClass('btn-danger');
     }
     else if (data.name === 'video'){
       var el = '#pause_' + data.id;
       peers[data.id].videoPaused = false;
+      $('#actionPause_' + data.id).removeClass('btn-danger');
     }
     else{
       return;