md-form radios

Expected behavior CSS Alignment maintained between md-form and basic form for inline radio buttons

Actual behavior Label being pushed up by use of class="md-form"

Resources (screenshots, code snippets etc.)

<form
class="md-form"
#reportForm="ngForm"
novalidate
>
<div class="form-group">
    <span
        class="form-check form-check-inline"
    >
        <input
            type="radio"
            class="form-check-input"
            value="A"
            id="type-A"
            name="type-A"
            mdbInput
        >
        <label class="form-check-label" for="type-A">
            A
        </label>

        <input
            type="radio"
            class="form-check-input"
            value="B"
            id="type-B"
            name="type-B"
            mdbInput
        >
        <label class="form-check-label" for="type-B">
            B
        </label>
    </span>
</div>

<div class="form-group">
    <div class="btn-group" role="group" aria-label="Company group">
    <button
            mdbBtn
            type="button"
            [color]="'success'"
        >
            ABC
        </button>

        <button
            mdbBtn
            type="button"
            [color]="'success'"
        >
            BCD
        </button>

        <button
            mdbBtn
            type="button"
            [color]="'success'"
        >
            CDE
        </button>
    </div>
</div>

<div class="form-group">
    <div class="form-check form-check-inline">
        <input
            class="form-check-input"
            type="radio"
            value="C"
            id="format-C"
            name="format-C"
            mdbInput
        >
        <label class="form-check-label" for="format-C">
            C
        </label>
    </div>

    <div class="form-check form-check-inline">
        <input
            class="form-check-input"
            type="radio"
            value="D"
            id="format-D"
            name="format-D"
            mdbInput
        >
        <label class="form-check-label" for="format-D">
            D
        </label>
    </div>
</div>

<button
    type="submit"
    class="btn btn-primary"
>
    Create Report
</button>

<button
    type="button"
    class="btn btn-secondary ml-2"
>
    Reset
</button>