Изменить ширину заголовка в диалоге JQuery

Question

Я создал объект диалога следующим образом:

confirmDialog = $("#confirmDialog").dialog({
        dialogClass: "no-close",
        autoOpen: false,
        height: 'auto',
        width: 350,
        modal: true,
        resizable: false
    });

Я скрываю кнопку закрытия с классом "no-close":

.no-close .ui-dialog-titlebar-close {
    display: none;
}

Проблема в том, что несмотря на то, что она не видна, кнопка все еще занимает место в заголовке диалогового окна и слегка перемещает заголовок влево.

<span id="ui-id-1" class="ui-dialog-title">Deleting Record</span>
<button type="button" class="ui-dialog-titlebar-close"></button>

Единственный способ найти его по центру - это расширить диапазон, содержащий заголовок. (F12 в Chrome и изменен вручную).

<span id="ui-id-1" class="ui-dialog-title" style="width: 310px">Deleting Record</span>

Как добавить стиль свойства к объекту span?