Form with inside a TabNavigator with FormItems

Question

I have a Form that inside has a TabNavigator with differents tabs containing different FormItems, so the form is only one but the various FormItems are subdivided in different tabs.
The form works good but the FormItems inside the TabNavigator have bad alignment while the FormItems outside the tabs are ok.
Anyone has any tips to fix it? (code follows)
<mx:Form defaultButton="{btn}">
     // good align
     <mx:FormItem label="Name">
          <mx:TextInput />
     </mx:FormItem>
     <mx:TabNavigator>
          <mx:VBox label="TAB 1">
               // bad align
               <mx:FormItem label="Item in TAB 1" direction="horizontal">
                    <mx:RadioButtonGroup id="rb1" />
                    <mx:RadioButton groupName="rb1" label="N" value="0" />
                    <mx:RadioButton groupName="rb1" label="Y" value="1" />
               </mx:FormItem>
          </mx:VBox>
          <mx:VBox label="TAB 2">
               // bad align
               <mx:FormItem label="Item in TAB 2" direction="horizontal">
                    <mx:RadioButtonGroup id="rb2" />
                    <mx:RadioButton groupName="rb2" label="N" value="0" />
                    <mx:RadioButton groupName="rb2" label="Y" value="1" />
               </mx:FormItem>
          </mx:VBox>
     </mx:TabNavigator>
     <mx:ControlBar>
          <mx:Button id="btn" /> 
     </mx:ControlBar>
</mx:Form>

Answer 1

I've tried inserting textAlign in tabNavigator, formItems and VBoxes but the align of the formItems inside the tabnavigator still on the left. Any suggestion?