import PropTypes from "prop-types"
import React from "react"

const Checkbox = props => (
  <div className="checkbox">
    <label>
      <input
        className="checkbox"
        type="checkbox"
        checked={props.checked}
        onChange={props.onChange}
      />
      {props.label}
    </label>
  </div>
)
Checkbox.propTypes = {
  checked: PropTypes.bool,
  onChange: PropTypes.func,
  label: PropTypes.string
}
Checkbox.defaultProps = {
  checked: false,
  label: ""
}

export default Checkbox

@@ -118,24 +118,62 @@
 %3E%0A    %3Clabel
+ className=%22d-flex align-items-center%22
 %3E%0A      %3Cinp

Make sure checkbox and label are aligned