update src/components/Checkbox/index.js and src/components/Checkbox/index.scss

src/components/Checkbox/index.js

@@ -30,7 +30,10 @@ export default function Checkbox(props) {
           style={{ padding: "6px 8px" }}
           htmlFor="apples"
         >
-          <span>
+          <span
+            className="align-bottom"
+            style={{ transform: "translate3d(0, 0, 0)" }}
+          >
             <svg width="12px" height="10px">
               <use xlinkHref="#check"></use>
             </svg>

src/components/Checkbox/index.scss

@@ -6,11 +6,6 @@
   margin-right: 6px;
 }
 
-.checkbox span {
-  vertical-align: middle;
-  transform: translate3d(0, 0, 0);
-}
-
 .checkbox span:first-child {
   position: relative;
   flex: 0 0 18px;