A4 problem with ui-li-aside

A4 problem with ui-li-aside

I'm having a problem with the list ui-li-aside style in A4. It worked pretty good in A3, but after switching to A4 it leaves a noticeable gap on the right side, which leaves less room for text and makes the display harder to read.

Here's a simple example, with the screen shot below comparing the same layout in A3 vs A4. Is anybody else having this issue? Is there a work around?

  1.     <div data-role="content">
  2.       <ul data-role="listview" data-theme="d" data-inset="true" id="Details">
  3.         <li data-role='list-divider'>Record Number: 45<span class='ui-li-aside'>1:30 PM</span></li>
  4.          <li>Event Time: <span class='ui-li-aside'>12:20 PM</span></li>
  5.          <li>Location: <span class='ui-li-aside'>125 Sunset Beach</span></li>
  6.          <li>Condition: <span class='ui-li-aside'>In stock</span></li>
  7.          <li><a href='#MapPage' id='MapPageLnk'>Show Location on Map </a></li>
  8.       </ul>
  9.     </div>