Kendo Mobile Dropdownlist?

Question

Я создаю мобильную форму, используя Kendo Mobile и jQuery, как показано ниже:

изображение1 изображение2

Я мог бы получить текстовые поля ввода правильно выровнены в форме. Но выпадающий список выглядит некрасиво. Он не имеет границы или не выглядит как выпадающий список при просмотре на мобильном устройстве.

 <li>
                    <h4 style="margin:5px;font-size:.92em;margin-left:0px;font-weight:normal;">Date of Birth</h4>
                    <input data-role="datepicker" id="dateOfbirth" />                       
                </li>

                <li>

                <h4 style="font-size:.92em;margin-left:0px;font-weight:normal;">Marital Status</h4>

                    <select id="kk" data-role="dropdownlist">
                            <option value="single">Single</option>
                            <option value="married">Married</option>
                            <option value="widowed">Widowed</option>
                            <option value="divorced">Divorced</option>
                            <option value="separated">Separated</option>
                    </select>


                </li>

При выборе в списке он корректно отображает мобильное меню. Что может быть не так?