Переключатели не отображаются правильно

Question

В своей форме я использую классы дизайна материалов и дизайна материалов. После добавления классов Mui к моим переключателям, параметры переключателей стали отображаться очень странно:

Я пытался исправить path, ноне успешно, элемент просто перемещается из контейнера.

Вот код:

<div class="MuiFormGroup-root d-flex flex-row" role="radiogroup">

    <label class="radio MuiFormControlLabel-root">
        <span class="MuiButtonBase-root MuiIconButton-root MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary" aria-disabled="false">
        <span class="MuiIconButton-label">
          <div class="jss325 jss327">
            <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
              <path
                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z">
              </path>
            </svg>
            <svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
              <path
                d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z">
              </path>
            </svg>
          </div>
          <input type="radio"

        />
        </span>
        <span class="MuiTouchRipple-root"></span>
        </span>
        <span class="MuiTypography-root MuiFormControlLabel-label MuiTypography-body1">Label</span>
    </label>
</div>

Я также пытался воспроизвести его на Codesandbox

Должен ли я добавить дополнительный контейнер? или есть другое решение?