[flexcoders] text in buttons getting cut off... why?

[Mark]

I'm using ToggleButtonBar.  When I add a horizontalGap of anything 
over 2 the button with the most text gets cut off.  If I take that 
out I can have as much text as I need and the button looks fine.  
Why would this be happening and what can I do to make it work with 
the gap and without giving them all the same size?


This is what I have:

<mx:ApplicationControlBar width="100%" y="80">
<mx:ToggleButtonBar selectedIndex="0" horizontalGap="5">
<mx:dataProvider>
<mx:Array>
<mx:String>ProjectCatalog</mx:String>
<mx:String>Snapshot</mx:String>
<mx:String>Country</mx:String>
<mx:String>Calendar</mx:String>
<mx:String>Radar</mx:String>
<mx:String>Current and Previous</mx:String>
</mx:Array>
</mx:dataProvider>
</mx:ToggleButtonBar>
</mx:ApplicationControlBar>