ExtJS tabPanel Tab-Header vertical align

Question

I have a problem with tabs. They hang in the air. I need to lower them to the bottom edge. How can I do it? What class I should edit?

My code:

var tabPanel = {
        xtype: 'tabpanel',
        region: 'west',
        ui: 'mylight',
        tabBarHeaderPosition: 0,
        titleRotation: 0,
        tabRotation: 0,
        layout: 'fit',
        width: 300,
        split: true,
        collapsible: true,
        collapseMode: 'mini',
        tabPosition: 'top',
        header: false,
        items: [{
                title: 'Tab1',
                xtype: 'panel'
            },{
                title: 'Tab2',
                xtype: 'panel'
            }
        ]
    };

---

scss:

@include extjs-tab-panel-ui(
   $ui: 'mylight',
   $ui-tab-background-color: #ececec,
   $ui-tab-color: #909090,
   $ui-tab-glyph-color-over: #333333
);