::after pseudo-element not appearing on Chrome Mobile

Pretty simple but odd bug, I have a pseudo-element which is appearing fine on desktop browsers, but disappears on mobile Chrome (not sure about iOS, no iPhone to test with)

Here's the basic css:

a {
  text-decoration: none;
  display: inline-block;
  color: #000;
  overflow: visible;
}

a::after {
  content: '';
  display: block;
  height: 8px;
  width: 98%;
  background: #8BC8F690;
  margin-top: -9px;
  margin-left: 2px;
}

jsfiddle: http://ift.tt/2zBjQfk