Horizontal line (--) appearing for null text value when displayed as read-only post upgarde to 8.6.4

Our application has been upgraded recently from 7.4 to 8.6.4 . Post that exercise we are observing a horizontal line (–) , appearing for the text fields in read-only mode whose values are Null . As an attempted solution we have unchecked the checkbox “Display default placeholder when empty” in application skin rule , but this is not helping to resolve the issue . Any suggestions would be much appreciated.

Thanks,

Below snippet in UserWorkForm rule will resolve the issue

<style>

  .flex.content-item > .field-item > span:empty:after {

display:none;

}

</style>

Thanks,

@sanjeeb tripathy This issue is not getting fixed by using above solution Please suggest.