How vertically align a checkbox with its label in MaterializeCSS

Is there any way to vertically align (center) a checkbox and its label in MaterializeCSS? This fiddle demonstrates the issue - I'd like the checkbox to be vertically centered relative to the blue box. If you remove materialize from the fiddle and use vanilla HTML/CSS it works.

Thank you!!

Materialize version: 0.100.2

HTML:

<form>
  <div>
    <input id="myinput" type="checkbox" />
    <label for="myinput">
      <div class="label-content">         
      Label Text
      </div></label>
  </div></form>

CSS:

label {
  display:inline-block;
  vertical-align:middle;
}
.label-content {
   height:100px;
   background-color:aliceblue;
   border: 1px solid blue;
}