         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

    public var hostComponent:ActionBar;
    
    public var navigationGroup:Group;
    public var titleGroup:Group;
    public var actionGroup:Group;
    public var titleDisplay:TitleDisplayComponent;
    private var border:SpriteVisualElement;
    
    // FIXME (jasonsj): pending mobile styling spec

        navigationGroup.id = "navigationGroup";
        titleGroup.id = "titleGroup";
        actionGroup.id = "actionGroup";
        titleDisplay.id = "titleDisplay";
    }
    
    override protected function measure():void
    {
        var titleWidth:Number = 0;
        var titleHeight:Number = 0;
        
        if (titleGroup && (titleGroup.numElements > 0))
        {
            titleWidth = titleGroup.getPreferredBoundsWidth();
            titleHeight = titleGroup.getPreferredBoundsHeight();
        }
        else if (titleDisplay)
        {
            titleWidth = titleDisplay.getPreferredBoundsWidth() + (TITLE_PADDING * 2);
            titleHeight = titleDisplay.getPreferredBoundsHeight();
        }
        
        measuredMinWidth = measuredWidth =
