I am going to make an messagebox like this one in Ext.js.
But I can’t align ‘Yes’ and ‘No’ buttons in that way.

Ext.Msg.show({
    title: 'MessageBox',
    message: 'Message goes here...',
    buttons: Ext.Msg.YESNO,
    icon: Ext.Msg.WARNING,
    fn: function (btn) {
        if (btn === 'yes') {
             callback()
        }
    }
})

What should I add to this codebase? This shows the messagebox with those buttons centered but I need them to be aligned left and right.
Please help me with this stuff as soon as possible, since it is urgent for me. Thank you.

MsgBox I wanna make