diff --git a/src/definitions/modules/checkbox.less b/src/definitions/modules/checkbox.less
index 9e2e1677a..13e0f6380 100755
--- a/src/definitions/modules/checkbox.less
+++ b/src/definitions/modules/checkbox.less
@@ -77,12 +77,10 @@
 .ui.checkbox label:before {
   position: absolute;
 
-  line-height: @checkboxCheckLineHeight;
-
-  width: 17px;
-  height: 17px;
-  top: 0em;
-  left: 0em;
+  width: @checkboxSize;
+  height: @checkboxSize;
+  top: @checkboxTop;
+  left: @checkboxLeft;
   content: '';
 
   background: @checkboxBackground;
@@ -106,7 +104,6 @@
   width: @checkboxCheckSize;
   height: @checkboxCheckSize;
   text-align: center;
-  vertical-align: middle;
 
   opacity: 0;
   color: @checkboxColor;
@@ -449,7 +446,7 @@
 
   top: @toggleLaneVerticalOffset;
 
-  background-color: @neutralCheckbox;
+  background: @toggleLaneBackground;
   width: @toggleLaneWidth;
   height: @toggleLaneHeight;
   border-radius: @toggleHandleRadius;
diff --git a/src/themes/default/modules/checkbox.variables b/src/themes/default/modules/checkbox.variables
index ed0fcf268..42dba94bd 100644
--- a/src/themes/default/modules/checkbox.variables
+++ b/src/themes/default/modules/checkbox.variables
@@ -4,17 +4,14 @@
 
 @checkboxSize: 17px;
 @checkboxColor: @textColor;
-@checkboxLineHeight: 15px;
-
+@checkboxLineHeight: @checkboxSize;
 
 /* Label */
-@labelDistance: 1.85714em; /* 26px @ 14em */
-
-@neutralCheckbox: @transparentBlack;
-@positiveCheckbox: @positiveColor;
-@negativeCheckbox: @negativeColor;
+@labelDistance: 1.85714em; /* 26px @ 14/em */
 
 /* Checkbox */
+@checkboxTop: 0px;
+@checkboxLeft: 0px;
 @checkboxBackground: @white;
 @checkboxBorder: 1px solid @solidBorderColor;
 @checkboxBorderRadius: @defaultBorderRadius;
@@ -26,10 +23,10 @@
 ;
 
 /* Checkmark */
-@checkboxCheckFontSize: 1em;
-@checkboxCheckTop: 0px;
-@checkboxCheckLeft: 0px;
-@checkboxCheckLineHeight: @checkboxSize;
+@checkboxCheckFontSize: 14px;
+@checkboxCheckTop: @checkboxTop;
+@checkboxCheckLeft: @checkboxLeft;
+@checkboxCheckLineHeight: @checkboxLineHeight;
 @checkboxCheckSize: @checkboxSize;
 
 /* Label */
@@ -105,7 +102,7 @@
 
 @sliderLineHeight: @3px;
 @sliderLineVerticalOffset: 0.4rem;
-@sliderLineColor: @neutralCheckbox;
+@sliderLineColor: @transparentBlack;
 @sliderLineRadius: @circularRadius;
 @sliderLineTransition: background @sliderTransitionDuration @defaultEasing;
 
@@ -137,6 +134,7 @@
   left @sliderTransitionDuration @defaultEasing
 ;
 
+@toggleLaneBackground: @transparentBlack;
 @toggleLaneHeight: @toggleHandleSize;
 @toggleLaneVerticalOffset: 0rem;
 @toggleOffOffset: -0.05rem;