             var titlePaddingLeft:Number = (layoutObject.paddingLeft) ? Number(layoutObject.paddingLeft) : 0;
             var titlePaddingRight:Number = (layoutObject.paddingRight) ? Number(layoutObject.paddingRight) : 0;
             
-            // vertical align center by subtracting the descent and top gutter
+            // vertical align center
             titleHeight = titleDisplay.getExplicitOrMeasuredHeight();
-            titleCompY = Math.round((contentGroupsHeight - titleHeight + titleDisplay.descent - StyleableTextField.TEXT_HEIGHT_PADDING) / 2);
+            titleCompY = Math.round((contentGroupsHeight - titleHeight)/2) + layoutBorderHeight;
             
             // align titleDisplay to the absolute center
             var titleAlign:String = getStyle("titleAlign");

            titleDisplay.text = title;
        titleDisplay.commitStyles();
        
        var textSize:Point = titleDisplay.measuredTextSize;
        textWidth = textSize.x;
        
        if (title != "")
        {
            textHeight = textSize.y;
            descent = titleDisplay.getLineMetrics(0).descent;
        }
        else
        {
            var lineMetrics:TextLineMetrics = measureText("Wj");
            textHeight = lineMetrics.height + StyleableTextField.TEXT_HEIGHT_PADDING;
            descent = lineMetrics.descent;
        }
        
        measuredWidth = textWidth;

    private var titleDisplayShadow:StyleableTextField;
    private var title:String;
    private var titleChanged:Boolean;
	
    public function TitleDisplayComponent()
    {
        super();
