diff --git a/scss/form/checkboxes.scss b/scss/form/checkboxes.scss
index 945a326..0e608ea 100644
--- a/scss/form/checkboxes.scss
+++ b/scss/form/checkboxes.scss
@@ -53,6 +53,10 @@
   -moz-appearance: none;
   appearance: none;
 
+  background: $color-white;
+  width: 1px;
+  height: 1px;
+  border: 0;
   & + span {
     position: relative;
     cursor: $cursor-click-url, pointer;
@@ -82,6 +86,7 @@
     @include pixelize(2px, $checkbox-checked-focus, $colors);
   }
   &.is-dark {
+    background: $base-color;
     + span {
       color: $color-white;
     }
diff --git a/scss/form/radios.scss b/scss/form/radios.scss
index f554626..b7ca363 100644
--- a/scss/form/radios.scss
+++ b/scss/form/radios.scss
@@ -27,6 +27,11 @@
   -moz-appearance: none;
   appearance: none;
 
+  background: $color-white;
+  width: 1px;
+  height: 1px;
+  border: 0;
+
   & + span {
     position: relative;
     cursor: $cursor-click-url, pointer;
@@ -52,6 +57,7 @@
     @include pixelize(2px, $radio-checked-focus, $colors);
   }
   &.is-dark {
+    background: $base-color;
     + span {
       color: $color-white;
     }