<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

    <xen:if hascontent="true">
        <div class="extraUserInfo">

 <div class="extraUserInfo xbBoxedFA">

                    <dl class="pairsJustified xbMessages">
                        <dt><i class="fa fa-comments fa-fw Tooltip" title="{xen:phrase messages}" data-offsetx="-6" data-offsety="0"></i></dt>
                        <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
                    </dl>
        
                    <dl class="pairsJustified xbLikes">
                        <dt><i class="fa fa-thumbs-up fa-fw Tooltip" title="{xen:phrase likes_received}" data-offsetx="-6" data-offsety="0"></i></dt>
                        <dd>{xen:number $user.like_count}</dd>
                    </dl>

                    <dl class="pairsJustified xbTrophyPoints">
                        <dt><i class="fa fa-trophy fa-fw Tooltip" title="{xen:phrase trophy_points}" data-offsetx="-6" data-offsety="0"></i></dt>
                        <dd><a href="{xen:link 'members/trophies', $user}" class="OverlayTrigger concealed">{xen:number $user.trophy_points}</a></dd>
                    </dl>
            
        </div>

.messageUserBlock .extraUserInfo.xbBoxedFA
{
        text-align: center;
}

.messageUserBlock .extraUserInfo.xbBoxedFA .xbMessages dt,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbLikes dt,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbTrophyPoints dt
{
        font-size: 16px;
        color: rgb(36, 36, 36);
        margin-right: 0px;
        float: none;
        text-align: center;
        width: auto;

}
.messageUserBlock .extraUserInfo.xbBoxedFA .xbMessages dd,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbLikes dd,
.messageUserBlock .extraUserInfo.xbBoxedFA .xbTrophyPoints dd
{
        margin-right: 0px;
        float: none;
        text-align: center;
        width: auto;
}