         navigationGroup = new Group();
         var hLayout:HorizontalLayout = new HorizontalLayout();
         hLayout.horizontalAlign = HorizontalAlign.LEFT;
-        hLayout.verticalAlign = VerticalAlign.JUSTIFY;
+        hLayout.verticalAlign = VerticalAlign.MIDDLE;
         hLayout.gap = 0;
         hLayout.paddingLeft = hLayout.paddingTop = hLayout.paddingRight = 
             hLayout.paddingBottom = 0;
         navigationGroup.layout = hLayout;
-        addChild(navigationGroup);
         
         titleGroup = new Group();
         hLayout = new HorizontalLayout();
         hLayout.horizontalAlign = HorizontalAlign.LEFT;
-        hLayout.verticalAlign = VerticalAlign.JUSTIFY;
+        hLayout.verticalAlign = VerticalAlign.MIDDLE;
         hLayout.gap = 0;
         hLayout.paddingLeft = hLayout.paddingTop = hLayout.paddingRight = 
             hLayout.paddingBottom = 0;
         titleGroup.layout = hLayout;
-        addChild(titleGroup);
         
         actionGroup = new Group();
         hLayout = new HorizontalLayout();
         hLayout.horizontalAlign = HorizontalAlign.RIGHT;
-        hLayout.verticalAlign = VerticalAlign.JUSTIFY;
+        hLayout.verticalAlign = VerticalAlign.MIDDLE;
         hLayout.gap = 0;
         hLayout.paddingLeft = hLayout.paddingTop = hLayout.paddingRight = 
             hLayout.paddingBottom = 0;
         actionGroup.layout = hLayout;
+        
+        titleDisplay = new TitleDisplayComponent();
+        titleDisplay.percentWidth = 100;
+        
+        initializeStyles();
+        
+        addChild(navigationGroup);
+        addChild(titleGroup);
         addChild(actionGroup);
-        
-        var titleDisplayComp:TitleDisplayComponent = new TitleDisplayComponent();
-        titleDisplayComp.percentWidth = 100;
-        titleDisplayComp.styleName = this;
-        titleDisplay = titleDisplayComp;
-        addChild(titleDisplayComp);
-        
-        initializeStyles();
+        addChild(titleDisplay);
     }
     
     protected function initializeStyles():void

    {
        super.createChildren();
        
        // FIXME (jasonsj): pending mobile styling spec:
        //                  drop shadow style
        //                  textAlign
        titleDisplay = MobileTextField(createInFontContext(MobileTextField));
        titleDisplay.styleProvider = this;
        titleDisplay.editable = false;


package spark.skins.mobile
{
import flash.events.Event;
import flash.text.TextLineMetrics;

import mx.core.ILayoutElement;
import mx.core.UIComponent;
import mx.core.UITextField;
import mx.core.mx_internal;

import spark.components.ActionBar;
import spark.components.Group;
