use CSS chevron instead of fa-chevron-right

app/assets/javascripts/discourse/templates/group.hbs

@@ -4,12 +4,12 @@
         <li {{bind-attr class="showingIndex:active"}}>
           {{#link-to 'group.index' model}}{{i18n groups.posts}}
           <span class='count'>({{counts.posts}})</span>
-          <span class='fa fa-chevron-right'></span>{{/link-to}}
+          {{/link-to}}
         </li>
       <li {{bind-attr class="showingMembers:active"}}>
         {{#link-to 'group.members' model}}{{i18n groups.members}}
         <span class='count'>({{counts.members}})</span>
-        <span class='fa fa-chevron-right'></span>{{/link-to}}
+        {{/link-to}}
       </li>
     </ul>
   </section>

app/assets/stylesheets/common/admin/admin_base.scss

@@ -1223,7 +1223,6 @@ button.ru {
 and (max-width : 850px) {
   .nav-stacked {
     .glyph {width: auto; position: relative;}
-    .fa-chevron-right {display: none;}
     > li > a {padding: 13px}
   }
 }

app/assets/stylesheets/common/components/navs.css.scss

@@ -66,21 +66,26 @@
     }
   }
   .active > a,
-  .active .fa-chevron-right {
+  {
     color: $secondary;
     background-color: $quaternary;
   }
+
+  .active > a::after,
+  {
+    left: 90%;
+    top: 28%;
+    border: solid transparent;
+    content: " ";
+    position: absolute;
+    border-width: 10px;
+    border-left-color: $secondary;
+  }
+
   .count {
     font-size: 12px;
     line-height: 16px;
   }
-  .fa-chevron-right {
-    float: right;
-    margin: 0;
-    color: scale-color($primary, $lightness: 60%);
-    font-size: 14px;
-    line-height: 20px;
-  }
 
   .glyph {
     font-size: 12px;