ColorPicker: ширина и высота swatchPanel

[Bratus]

У меня есть следующий код:

<fx:Style>
	@namespace s "library://ns.adobe.com/flex/spark";
	@namespace mx "library://ns.adobe.com/flex/mx";
	@namespace Core "Core.*";
 
	.ColorPikerStyle {
		previewHeight:0;
		previewWidth:0;
		columnCount:1;
		textFieldWidth:0;
		swatchWidth:50;
		swatchHeight:20;
		horizontalGap:0;
		verticalGap:0;
	}
</fx:Style>
<mx:ColorPicker width="50" swatchPanelStyleName="ColorPikerStyle" labelField="cName" colorField="cVal" editable="false" >
	<mx:dataProvider>
		<s:ArrayList>
			<fx:Object cName="Белый" cVal="{CGlobalVars.COLOR_WHITE}" /> 
			<fx:Object cName="Жёлтый" cVal="{CGlobalVars.COLOR_YELLOW}" />
			<fx:Object cName="Оранжевый" cVal="{CGlobalVars.COLOR_ORANGE}"/> 
			</s:ArrayList>
	</mx:dataProvider>
</mx:ColorPicker>

Меня здесь всё устраивает, кроме размеров swatchPanel: она получается намного больше чем нужно.
Можно ли размеры swatchPanel изменить под размеры красной рамки?