Позиционирование в Image и Text в itemRenderer

[delta9]

Добрый день.

есть dataGrid, в котором используется itemRenderer:

<mx:itemRenderer>
    <mx:Component>
        <mx:HBox paddingLeft="0" verticalAlign="middle">
            <mx:Script>
            <![CDATA[
             /* задание source для indicator */
            ]]>
            </mx:Script>
            <mx:Image id="indicator" width="14" height="9" horizontalAlign="center"/>
            <mx:Text width="100%" text="{data.Instr}"/>
        </mx:HBox>
    </mx:Component>
</mx:itemRenderer>

В итоге получаем такую картинку:


Вопрос:
как уменьшить расстояние между изображением индикатора и текстом?

Спасибо

[cr0w312]

 <mx:HBox paddingLeft="20" verticalAlign="middle">

[delta9]

Спасибо.
Но уже выкрутился по другому:
itemRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" paddingLeft="0" verticalAlign="middle" horizontalAlign="left">
	<mx:Script>
	<![CDATA[
	[Bindable]
	public var html_ind:String;
	override public function set data( value:Object ) : void {
		super.data = value;
	        html_ind = "<img id='u' src='com.upIndicator' width='11' height='9' hspace='3' vspace='1' align='left'/>" + data.Instr;
		}
	}
	]]>
	</mx:Script>
	<mx:Text width="100%" htmlText="{html_ind}"/>
</mx:HBox>

upIndicator.as

package com
{
    import flash.display.Sprite;
    import mx.core.BitmapAsset;
    public class upIndicator extends Sprite {
        [Embed(source="/share/images/up.gif")]
        [Bindable]
	private var upRate:Class;
        public function upIndicator():void {
            super();
            var image:BitmapAsset = new upRate();
            addChild(image);
        }
    }
}