img of what is actually happening

基本上，有一个div的文本超过了它的最大宽度。我已经尝试过在大约10个父div中设置max-width:100%（看看它是否将最大宽度设置为父div的全宽），但问题仍然存在。另外，我已经在这里查找了一些类似的帖子，大多数都告诉我使用white-space:normal，但实际上它每一个单词都要换行。
在下面的例子中，你可以找到3个字段，第一个是“正常”字段，其他字段都是white-space:normal。
源代码似乎没有任何问题：

<fieldset data-type="horizontal" *ngIf="poll.type == 'Opção'">
    <label translate>Escolher Opção:</label>
    <div class="row">
        <div class="btn-group form-vote" data-toggle="buttons">
            <div class="btn btn-block" *ngFor="let option of poll.options" [ngClass]="{'active': isChosenOption(poll.pollId, option.optionId)}">
                <div class="btn-circle btn-success" (click)="registerOptionVote(poll.pollId, option.optionId)">
                    <i class="fa" [ngClass]="{'fa-check': isChosenOption(poll.pollId, option.optionId)}"></i>
                    <div style="white-space: normal;"> {{option.description}} </div> 
                </div>
            </div>
        </div>
    </div>
</fieldset>

JSF中间文件：https://jsfiddle.net/cadorealves/9yhLxmz6/