Problem with autoShowFitWidthAproach in grid

[jumple]

Sorry there is a typo in the title: should be autoFitWidthAproach, not autoShowFitWidthAproach

There seems to be a problem when autoFitWidthAproach is set to "both"

Here is the example of 2 identical grids with right aligned columns

In first grid everything is fine, but the second grid has autoShowFitWidthAproach: "both" and the last column data cell is wider than the column header and the value is under the space that is reserved for a sort button, not under the column header, and as a result - horizontal scrollbar appears

Also in the first grid - if you pick Auto Fit All Columns from the menu - the values cells become smaller than headers

var fields = [
		{
			"name":"0"
		},
		{
			"name":"1",
			"align":"right"
		},
		{
			"name":"2",
			"align":"right"
		}
	],
	data = [
		{
			"0":0,
			"1":0,
			"2":0
		}
	];
isc["HLayout"].create({
	members: [
		isc["ListGrid"].create({
			width:100,
			height: 100,
			fields: fields,
			data: data,
			autoFitFieldWidths: true
		}),
		isc["ListGrid"].create({
			width:100,
			height: 100,
			fields: fields,
			data: data,
			autoFitFieldWidths: true,
			autoFitWidthApproach: "both"
		})
	]
});