Как вставить пробелы между компонентами в макете Ext js 4

Я перехожу с adobe flex на ext js 4 и заметил, что в Extjs компоненты расположены слишком близко. Между ними нет промежутка. С этим можно столкнуться на этом примере:

    var win = Ext.create('Ext.window.Window', {
    layout: 'hbox',
    height: 500,
    width: 400,
    title: 'hbox',      
    items: [
      Ext.create('Ext.button.Button',
      {
        text: 'My button 1',
        width: 150
      }),
      Ext.create('Ext.button.Button',
      {
        text: 'My button 2',
        width: 150
      })
    ]
});

win.show();

Две кнопки находятся на нулевом расстоянии друг от друга.

Как установить пробел (пробел или вообще )из компонентов?

Спасибо.