extjs how to fix 16x16 icons clipped in tabpanel?

It appears that standard 16x16 开发者_JS百科icons get clipped in the tabs of a default tabpanel. Even the Sencha advanced tabs example exhibits that behavior:

What is the preferred method to increase the height of the tabs in the tab bar so the entire icon will be displayed?

Answer in Sencha forum:

Add this to CSS:

.x-tab-default-top button,
.x-tab-default-top .x-tab-inner {
        height: 16px !important;
}

In one of my project, I needed This So Bad. After much trouble i discovered That you can do it inside tabConfig for each tab item but also ensure you modify the height of the tabBar