Ширина выпадающего списка мультиселекта Jquery, вызывающая помехи при скрытии / показе раскрывающегося списка с помощью jquery

Я использую множественный выбор JQuery, изначально он имеет отображение: нет; свойство, при нажатии кнопки я удалил свойство none как. $ ( ‘А’) шоу (). Но когда я делаю это ширина раскрывающегося списка становится меньше, чем ширина Dropdon.

подскажите пожалуйста, как мне этого добиться.

Код Js:

$(document).ready(function(){
$(document).on('click','.add-more', function(){

$('.abc').show('slow');

});
});

HTML:

<div class="form-group abc" style="display:none;">
<label>ABC</label>
<select autocomplete='off' class="multi" multiple="true" name="abc">
<option>Apple</option>
<option>Ball</option>
<option>Cricket</option>
<option>Doll</option>
</select>
</div>