Маленький Bootstrap Модальное окно занимает всю ширину экрана. Проблема устраняется сама собой при проверке элемента или открытии в новой вкладке

Question

Я пытаюсь создать небольшое модальное окно, но у меня возникает очень странная проблема, когда модальное окно открывается на всю ширину экрана.

Если я использую элемент inspect, чтобы проверить, Класс modal-sm есть, я считаю, что он есть, и модальное окно изменяет свой размер до нужного размера. Кроме того, если я открою модальное окно на новой вкладке вместо того, чтобы открывать его в обычном режиме, он с самого начала отображается с правильным размером. Я не могу понять, почему он не открывается в нужном размере с самого начала. Кроме того, эта проблема не возникает в Chrome, но возникает в Inte rnet Explorer. К сожалению, мне нужно, чтобы это работало правильно в IE.

Спасибо.

Мой vbhtml код:

<div class="modal fade">
    <div class="modal-dialog modal-sm">
        @Using Html.BeginForm()
            @Html.AntiForgeryToken()

            @<div class="modal-content">
                <div class="modal-header">
                    Add New
                </div>
                <div class="modal-body">
                    <div class="form-group row">
                        <div class="col-xs-12">
                            @Html.Label("Identifier")
                            @Html.EditorFor(Function(model) model.identifier, New With {.htmlAttributes = New With {.class = "form-control", .required = True}})
                        </div>
                    </div>    
                    <div class="form-group row">    
                        <div class="col-xs-12">
                            @Html.Label("Waste Type")
                            @Html.EditorFor(Function(model) model.wasteType, New With {.htmlAttributes = New With {.class = "form-control", .required = True}})
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="@Url.Action("Index")" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</a>
                    <button class="btn btn-primary"><span class="glyphicon glyphicon-ok"></span> <span class="text">Save</span></button>
                </div>
            </div>
        End Using
    </div>
</div>