Right alignment of Collapsible Header with ui-li-count

Right alignment of Collapsible Header with ui-li-count

I construct a Collapsible ListView with the following in v1.4.2

<li data-role="collapsible" data-iconpos="left" data-inset="false" data-theme="a">
    <h6>
        Header       
        <span class="ui-li-count">1</span>
    </h6>

    <ul data-role="listview">
            ** EditorFor() to create the ListItem with Checkbox **  
    </ul>
</li>

When adding the ui-li-count class, the items are incorrectly aligned to the Right, notice the white block. It works correctly when removing the ui-li-count

Tried using <span class="ui-li-count ui-btn-up-c ui-btn-corner-all">1</span> also does the same.