Change radio buttons

diff.diff

diff --git a/pontoon/teams/static/css/request.css b/pontoon/teams/static/css/request.css
index 30a6d1ff..ea3f23cd 100644
--- a/pontoon/teams/static/css/request.css
+++ b/pontoon/teams/static/css/request.css
@@ -135,6 +135,10 @@
   box-sizing: border-box;
 }
 
+.item-list td.radio {
+  color: #4d5967;
+}
+
 .item-list td.check:before {
   content: "";
   display: block;
@@ -156,6 +160,7 @@
   margin-top: 16px;
 }
 
+.item-list td.radio:hover:before,
 .item-list td.radio.enabled:before {
   color: #7BC876;
 }
diff --git a/pontoon/teams/static/js/request.js b/pontoon/teams/static/js/request.js
index 1e3d54f0..ed3eec35 100644
--- a/pontoon/teams/static/js/request.js
+++ b/pontoon/teams/static/js/request.js
@@ -145,10 +145,10 @@ $(function() {
   // Radio button hover behavior
   container.on({
     mouseenter: function () {
-        $(this).toggleClass('far fa');
+      $(this).toggleClass('fa-circle fa-dot-circle');
     },
     mouseleave: function () {
-        $(this).toggleClass('far fa');
+      $(this).toggleClass('fa-circle fa-dot-circle');
     }
   },'.items td.radio');
 
@@ -158,7 +158,7 @@ $(function() {
       e.stopPropagation();
 
       $(this).add('.items td.radio.fa-dot-circle')
-      .toggleClass('fa-circle fa-dot-circle enabled');
+      .toggleClass('fa far fa-circle fa-dot-circle enabled');
 
       Pontoon.requestItem.toggleButton(true, type='locale-projects');
     }
diff --git a/pontoon/teams/templates/teams/widgets/team_list.html b/pontoon/teams/templates/teams/widgets/team_list.html
index 1954c3db..23ac3b31 100644
--- a/pontoon/teams/templates/teams/widgets/team_list.html
+++ b/pontoon/teams/templates/teams/widgets/team_list.html
@@ -43,7 +43,7 @@
       {% endif %}
     </td>
     {% if request %}
-      <td class="radio fa fa-circle"></td>
+      <td class="radio far fa-circle"></td>
     {% endif %}
   </tr>
 {% endmacro %}