Fix checkbox style issue

Author: chamika

Gemfile

@@ -33,7 +33,8 @@ gem 'bower-rails', '~> 0.10.0'
 
 gem 'carmen-rails'
 
-gem 'font-awesome-sass', '~> 5.12.0'
+gem 'font-awesome-rails'
+gem 'font-awesome-sass', '~> 5.15.1'
 
 gem 'gibbon', git: 'git://github.com/amro/gibbon.git'
 

Gemfile.lock

@@ -384,7 +384,9 @@ GEM
     fog-xml (0.1.3)
       fog-core
       nokogiri (>= 1.5.11, < 2.0.0)
-    font-awesome-sass (5.12.0)
+    font-awesome-rails (4.7.0.7)
+      railties (>= 3.2, < 7)
+    font-awesome-sass (5.15.1)
       sassc (>= 1.11)
     formatador (0.2.5)
     globalid (0.4.2)
@@ -732,7 +734,8 @@ DEPENDENCIES
   faker (~> 1.8.4)
   file_validators
   fog
-  font-awesome-sass (~> 5.12.0)
+  font-awesome-rails
+  font-awesome-sass (~> 5.15.1)
   gibbon!
   graphql-client
   jquery-rails

app/assets/javascripts/components/application_agree_checkbox.js.coffee

@@ -12,7 +12,6 @@
       ''
 
   render: ->
-    console.log(@props.value)
     React.DOM.div
       className: 'form-group'
       React.DOM.label null

app/assets/javascripts/components/application_checkbox_group.js.coffee

@@ -49,6 +49,7 @@
                 defaultValue: option.value || []
                 defaultChecked: @checkedValue(option.value)
                 onChange: @changeValue
+                className: "styled"
               React.DOM.label
                 htmlFor: final_id
                 option.name

app/assets/stylesheets/application.scss

@@ -8,6 +8,6 @@
 @import "bootstrap-sass-official/assets/stylesheets/bootstrap";
 @import "font-awesome-sprockets";
 @import "font-awesome";
-@import "awesome-bootstrap-checkbox"
+@import "awesome-bootstrap-checkbox";
 
 //don't put css in this file

vendor/assets/stylesheets/awesome-bootstrap-checkbox.scss

@@ -71,7 +71,6 @@ $check-icon: $fa-var-check !default;
     &:checked + label::after{
       font-family: $font-family-icon;
       content: $check-icon;
-      color: #01b2ac;
     }
 
     &:disabled + label{