Note: actually using 4.8, but it's not an option here.

Expected behavior

When used in an input-group, material checkbox should be properly aligned just like show in the docs.

Actual behavior

Checkbox is translated down on y-axis by 12px.

Resources (screenshots, code snippets etc.)

Supposedly your docs are using 4.8, and I'm using the latest 4.8 package, but when comparing styles, they're not the same!! When inspecting the checkboxes, my version of mdb.css shows:

.md-form label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
    transition: transform .2s ease-out, color .2s ease-out;
    transform-origin: 0% 100%;
    transform: translateY(12px);
    cursor: text;
    color: #757575;
}

When inspecting your docs, the same class shows:

.md-form label {
    position: absolute;
    top: .65rem;
    left: 0;
    -webkit-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: text;
    color: #757575;
}

That last snippet looks like v4.7.7, but it is supposed to be from 4.8. What the heck??