diff --git a/bigbluebutton-html5/app/client/stylesheets/users.less b/bigbluebutton-html5/app/client/stylesheets/users.less
index e53aa844c28621216b3f249b127d32ccc5ec8d35..6895db87031bd99612df39390867279293511ba6 100755
--- a/bigbluebutton-html5/app/client/stylesheets/users.less
+++ b/bigbluebutton-html5/app/client/stylesheets/users.less
@@ -83,3 +83,14 @@
     display: none;
   }
 }
+
+// changing mute/unmute icons on hover:
+.muteIcon .ion-ios-mic-outline:hover:before {
+  content: "\f45f";
+}
+.muteIcon .ion-ios-mic:hover:before {
+  content: "\f45f";
+}
+.muteIcon .ion-ios-mic-off:hover:before {
+  content: "\f461";
+}
diff --git a/bigbluebutton-html5/app/client/views/users/user_item.html b/bigbluebutton-html5/app/client/views/users/user_item.html
index a0750f6ead29259793f56f6b81eca98dd26dd245..f1e7fabe0143354dad97df7e49a97f0518afb779 100755
--- a/bigbluebutton-html5/app/client/views/users/user_item.html
+++ b/bigbluebutton-html5/app/client/views/users/user_item.html
@@ -9,16 +9,16 @@
     {{else}}
       {{#if isCurrentUser userId}}
         {{#if isUserMuted userId}}
-          <span rel="tooltip" data-placement="bottom" title="Unmute yourself">
+          <span class="muteIcon" rel="tooltip" data-placement="bottom" title="Unmute yourself">
             <i class="ion-ios-mic-off usericon"></i>
           </span>
         {{else}}
           {{#if isCurrentUserTalking}}
-            <span rel="tooltip" data-placement="bottom" title="you are talking">
+            <span class="muteIcon" rel="tooltip" data-placement="bottom" title="you are talking">
               <i class="ion-ios-mic usericon"></i>
             </span>
           {{else}}
-          <span rel="tooltip" data-placement="bottom" title="you are talking">
+          <span class="muteIcon" rel="tooltip" data-placement="bottom" title="you are talking">
             <i class="ion-ios-mic-outline usericon"></i>
           </span>
           {{/if}}