Bootstrap и Formstack CSS cla sh - радиокнопки видны только частично

Question

CSS из Bootstrap (4.1.3) и Formstack конфликтуют при встраивании формы на веб-сайт. Радиокнопки видны только частично. Проблема в классе «метки» («fsOptionLabel»). Изменение высоты строки немного помогает, но тогда переключатель не выравнивается должным образом с текстом. Мои знания CSS ограничены, извините за этот глупый вопрос. Я просто не могу понять ... Есть предложения, как это исправить? Это набор полей (role = "group") с такими метками:

<label class="fsOptionLabel vertical" for="field78202961_1">
<input type="radio" id="field78202961_1" name="field78202961" 
value="Single" class="fsField fsRequired vertical" aria-
required="true">Single</label>

formstack форма

Answer 1

Служба поддержки Formstack предложила следующий обходной путь:

.fsRowBody input[type="radio"], .fsRowBody input[type="checkbox"] {
top: 2px;
width: 25px;
height: 25px;
}