HTML 5单选按钮所需的消息错误的位置

Question

我正在尝试制作两组单选按钮。当我测试它时，它显示在最左侧而不是按钮下方。我试过去除它周围的物化网格，但仍然没有。 Here is what it looks like

我的代码在这里

<div class="row">
                    <!-- What kind of change do you want -->
                    <div class="col s1" id="ChangeType">
                        <input name="group2" type="radio" id="Update" value="Update" class="Check" required/>
                        <label for="Update">Update</label>
                        <input name="group2" type="radio" id="delete" value="Delete" class="Check" />
                        <label for="delete">Delete</label>
                        <input name="group2" type="radio" id="Add" value="Add" />
                        <label for="Add">Add</label>
                    </div>
                    <!-- What do you want to change -->
                    <div class="col s2">
                        <input name="group3" type="radio" id="MenuLink" value="Menu Link" required/>
                        <label for="MenuLink">Menu Link</label>
                        <input name="group3" type="radio" id="Hotlist" value="Hotlist" />
                        <label for="Hotlist">Hot List Item</label>
                        <input name="group3" type="radio" id="ButtonChangeId" class="ButtonChange" value="Button" />
                        <label class="ButtonChange" for="ButtonChangeId">Button</label>
                    </div>
                </div>

编辑*

我发现这是一个物化问题。 https://github.com/Dogfalo/materialize/issues/2187

看起来我不是唯一一个有同样问题的人。

从上面的链接 - “+ 1 on this。在v.97.7 Chrome中无效。Firefox显示所需的消息，但它没有靠近单选按钮的位置。”