Как показать несколько RadioButton в двух столбцах

Я показываю переключатели динамически в двух столбцах. Как вы можете видеть на картинке

Он выглядит нормально в некоторых условиях, но иногда, когда текст большой, он выглядит нечетким. Как я могу решить эту проблему

Вот код:

.radiobox-padding-top{
    padding-top:15px;
}

input[type=radio] {
  float: left;
  display: block;
  margin-top: 4px;
}

label {
  margin-left: 15px;
  display: block;
}

вот html-код (я использую angular)

<div class = "col-xs-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 remove-padding question-row-face">

  <div class = "col-12" >
    <p class = "grey-text inlineBlock question-padding">{{data.help_text}}</p>
  </div>

  <div class = "row" style = "margin: 0px">
    <div class = "col-12 radiobox-padding-top">
      <div class = "form-group">

        <span *ngFor = "let entry of options; index as i">

          <div class = "col-5 inlineBlock">
            <div class = "radio">

              <input type = "radio" name = "{{data.slug}}" checked value = "{{options[i]}}">
              <label>
                {{options[i]}}
              </label>
            </div>
          </div>

        </span>

      </div>
    </div>
  </div>
</div>