离子后退按钮显示不正确

Question

我尝试显示一个后退按钮来在我的组件之间切换。 为此，我创建了这个标题：

<ion-header translucent >
  <ion-toolbar >
   <ion-buttons slot="start">
  <ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>Registrieren</ion-title>
 </ion-toolbar>
</ion-header>


<ion-content >
  <form [formGroup]="authdetails" >
   <ion-item >
    <ion-label  position="floating">E-Mail</ion-label>
   <ion-input  formControlName="email" type="email"></ion-input>
  </ion-item>
<ion-item >
  <ion-label position="floating">Nutzername</ion-label>
  <ion-input  formControlName="nickname"  type="email"></ion-input>
</ion-item>
<ion-item >
  <ion-label position="floating">Passwort</ion-label>
  <ion-input formControlName="pw"  type="password"></ion-input>
</ion-item>
<br>
<ion-item lines="none">
  <ion-label >Hiermit bestätige ich den <a href="https://eatsmartapp.de/datenschutzerklaerung-app/">Datenschutz</a></ion-label>
  <ion-checkbox  slot="start" formControlName="privacy"></ion-checkbox>
</ion-item>
<ion-item lines="none">
  <ion-label >Hiermit bestätige ich die <a href="https://eatsmartapp.de/anb-endverbraucher/">AGB's </a></ion-label>
  <ion-checkbox slot="start" formControlName="agb"></ion-checkbox>
</ion-item>
</form>
<div align="center">
<button class="button register" 
  (click)="performRegister()">Registrieren</button>
</div>
</ion-content>

我路由到这个视图的方式就像我在这里做的一样：

      <button class="button register" routerLink="/register">Kostenlos Registrieren</button>

问题是后退按钮显示很小，请附上截图：