Style="border 1px" Not showing with overflow-x set

've got an ion-grid at the moment that I am populating. However, I’m having some issues. I’ve set a border on my ion-row, however, this border only seems to span the length of the screen to the final column and any data from the overflow does not have the row border around it.

Here is my HTML:

 <ion-grid style="padding-top: 40px; overflow-x: auto">
  <ion-row nowrap *ngFor="let stock of listStock" style="padding-top: 20px; border: 1px solid #eee8d5;">
    <ion-col col-4>
      {{ stock.sku }}

Any help would be appreciated as to why this is happening.

Here is the border showing on the row

Here is the border showing on anything inside of the view

Thank you!