Grid header styling

For our UX requirement we have to remove the default padding which comes with grid header.
Grid header(.k-grid-header) is by default having inline style as : padding-right: 16px;
If we try to remove it by script inside grid databound event, it does not reflect on the screen.
This issue is there only in Chrome(my version is 20), it but works in in Firefox 14.
First  of all this style should not be inline and if we are modifying it as padding-right: 0px; it should reflect on the screen at same time.

You can see this behavior on the kendo demo page.
Open this is in Chrome http://demos.kendoui.com/web/grid/index.html ,
now in developer tools console execute the below snippet.
$('#grid .k-grid-header:first').css('padding-right','0px'); 
this should ideally remove the header's padding , but it does not.

Thanks in advance.
Any help is appreciated.