diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index 371fea0a7..9c126c9e6 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -1722,3 +1722,7 @@ th.custom-field .modal-tooltiptext {
 .tiny-mce-pdf-ready {
   max-width: 100%;
 }
+
+.task-card-badge.active > a {
+  color: $color-silver !important;
+}
diff --git a/app/views/canvas/full_zoom/_my_module.html.erb b/app/views/canvas/full_zoom/_my_module.html.erb
index ccea08365..9657680c4 100644
--- a/app/views/canvas/full_zoom/_my_module.html.erb
+++ b/app/views/canvas/full_zoom/_my_module.html.erb
@@ -41,7 +41,7 @@
   <div class="panel-footer panel-footer-scinote buttons-container">
     <ul class="nav nav-tabs nav-tabs-less" role="tablist">
       <% if can_read_experiment?(my_module.experiment) %>
-        <li role="presentation">
+        <li role="presentation" class="task-card-badge ">
           <a class="btn btn-link task-card-view-users" href="<%= my_module_user_my_modules_url(my_module_id: my_module.id, format: :json) %>" aria-controls="<%= my_module.id %>_users" role="tab" data-remote="true">
             <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
             <span class="badge badge-indicator users-badge-indicator <%= 'hidden' unless my_module.users.count.positive? %>"
@@ -50,12 +50,12 @@
             </span>
           </a>
         </li>
-        <li role="presentation">
+        <li role="presentation" class="task-card-badge ">
           <a class="btn btn-link task-card-view-activities" href="<%= activities_tab_my_module_url(id: my_module.id, format: :json) %>" aria-controls="<%= my_module.id %>_activities" role="tab" data-remote="true">
             <span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span>
           </a>
         </li>
-        <li role="presentation">
+        <li role="presentation" class="task-card-badge ">
           <a class="btn btn-link task-card-view-comments" href="<%= my_module_my_module_comments_url(my_module_id: my_module.id, format: :json) %>" aria-controls="<%= my_module.id %>_comments" role="tab" data-remote="true">
             <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
             <span class="badge badge-indicator comments-badge-indicator <%= 'hidden' unless my_module.task_comments.count.positive? %>"