diff --git a/client/src/core-components/checkbox.js b/client/src/core-components/checkbox.js
index 4b62c446..10f3b625 100644
--- a/client/src/core-components/checkbox.js
+++ b/client/src/core-components/checkbox.js
@@ -67,11 +67,16 @@ class CheckBox extends React.Component {
     }
 
     getClass() {
+        const {
+            className,
+            disabled
+        } = this.props;
         let classes = {
             'checkbox': true,
             'checkbox_checked': this.getValue(),
+            'checkbox_disabled': disabled,
 
-            [this.props.className]: (this.props.className)
+            [className]: (className)
         };
 
         return classNames(classes);
diff --git a/client/src/core-components/checkbox.scss b/client/src/core-components/checkbox.scss
index 68d3a18d..7d83e604 100644
--- a/client/src/core-components/checkbox.scss
+++ b/client/src/core-components/checkbox.scss
@@ -10,7 +10,7 @@
     }
 
     &__icon {
-        color: $light-grey;
+        color: $medium-grey;
         outline: none;
 
         &:focus {
@@ -31,4 +31,14 @@
             }
         }
     }
+
+    &_disabled {
+        .checkbox__icon {
+            color: $light-grey;
+
+            &:focus {
+                color: $light-grey;
+            }
+        }
+    }
 }
\ No newline at end of file