Ionic back button bug only working after I slide the pointer on It

So basically, I have this simple code that should be working fine but for some reason I’m getting a rare bug.

I have a page called “home” and a sidemenu which I use to navigate to the page “mysports”. When It first loads the page “mysports”, it displays the ion-back-button, but whenever I try to click it, it doesn’t work. But, when I click the ion-back-button and slide it to the left, the HTML refreshes and the ion-back-button works perfectly fine.

On my html I have this code:

      <ion-back-button text="Back"></ion-back-button>
        <ion-title class="ion-text-center">spoRts</ion-title>