JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<div id="header" data-role="header" data-theme="b">
  <h1>MyApp</h1>
  <a href="#popupMenu" data-rel="popup" data-transition="slide" data-icon="bars" class="ui-btn-right"> Menu </a>
  <div data-role="popup" id="popupMenu" data-theme="b">
    <ul data-role="listview" data-inset="true">
      <li class="left" data-icon="gear"><a href="#">Settings</a></li>
      <li class="left"><a href="#" data-icon="location">GPS</a></li>
      <li class="left"><a href="#" data-icon="info">About</a></li>
    </ul>
  </div>
</div>

CSS

.left a{
    padding-left: 2.5em !important;
    padding-right: 1em !important;
}
.left a:after{
    left: 2px;
    right: auto;
}