feat(form-fields): less confusing looks of unchecked checkbox

source/css/atoms/form-field.pcss

@@ -114,7 +114,7 @@
   @apply relative flex;
 
   input {
-    @apply w-5 h-5 mr-2 flex-shrink-0 cursor-pointer appearance-none outline-none bg-grey-200 border border-grey-200 transition duration-200;
+    @apply w-5 h-5 mr-2 flex-shrink-0 cursor-pointer appearance-none outline-none bg-white border border-grey-200 transition duration-200;
 
     &:hover:not([disabled]):not([readonly]) {
       @apply border-grey-300;
@@ -127,6 +127,7 @@
 
     &:checked {
       @apply bg-blue-300 border-transparent;
+
     }
 
     &[disabled] {