diff --git a/src/scss/cdb-components/forms/checkbox.scss b/src/scss/cdb-components/forms/checkbox.scss
index cd07cac..8774a75 100644
--- a/src/scss/cdb-components/forms/checkbox.scss
+++ b/src/scss/cdb-components/forms/checkbox.scss
@@ -22,6 +22,8 @@
 
 @import '../../cdb-variables/sizes';
 @import '../../cdb-variables/colors';
+@import '../../cdb-utilities/mixins';
+
 
 .CDB-Checkbox {
   position: absolute;
@@ -67,6 +69,7 @@
 }
 
 .CDB-Checkbox:checked + .CDB-Checkbox-face {
+  @include transition(background, 300ms);
   border: 1px solid $cBlue;
   background: $cBlue;
 
diff --git a/src/scss/cdb-components/forms/radio.scss b/src/scss/cdb-components/forms/radio.scss
index 0c04d3d..badfed2 100644
--- a/src/scss/cdb-components/forms/radio.scss
+++ b/src/scss/cdb-components/forms/radio.scss
@@ -23,6 +23,8 @@
 
 @import '../../cdb-variables/sizes';
 @import '../../cdb-variables/colors';
+@import '../../cdb-utilities/mixins';
+
 
 .CDB-Radio {
   position: absolute;
@@ -59,6 +61,7 @@
 }
 
 .CDB-Radio:checked + .CDB-Radio-face {
+  @include transition(background, 300ms);
   border: 1px solid $cBlue;
   background: $cBlue;