How do i only select one ion-segment-button at a time given two ion-toolbars?

Kia Ora, I have a tab interface with three segments using the ion-segment and ion-segment-button. when the profile tab is selected another tab below the main tab is shown with two ion-segments. my problem is that for when the profile tab is selected I only want one ion-segment-button checked (highlighted) but no matter what I try there are always two icon checked at a time.

HTML

<ion-header mode="md">
  <ion-toolbar mode="md">
    <ion-segment (ionChange)="segmentChanged($event)">
      <ion-segment-button *ngFor="let item of data" [value]=item.title [checked]="item.title === segmentButtonTitle"
        mode="md">
        <ion-icon src="{{item.url}}" ></ion-icon>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
  <ion-toolbar mode="md" *ngIf="segmentButton === 'chatbubbles'">
    <ion-segment (ionChange)="segmentButtonClicked($event)">
      <ion-segment-button checked= "segmentButtonTitle" value="message" mode="md" >
        <ion-icon name="chatbubbles" ></ion-icon>
      </ion-segment-button>
      <ion-segment-button checked = "segmentButtonTitle" value="feed" mode="md">
        <ion-icon name="cafe" ></ion-icon>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
  <ion-toolbar mode="md" *ngIf="segmentButton === 'contact'">
    <ion-segment (ionChange)="segmentButtonClicked($event)">
      <ion-segment-button checked = "segmentButtonTitle" value="message" mode="md" >
        <ion-icon name="create" ></ion-icon>
      </ion-segment-button>
      <ion-segment-button checked = "segmentButtonTitle" value="feed" mode="md">
        <ion-icon name="settings" ></ion-icon>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-header>
<ion-content *ngIf="segmentButton === 'contact'">
  <app-contacts></app-contacts>
</ion-content>
<ion-content *ngIf="segmentButton === 'flame'">
  <div *ngIf="!hasUserData || !cards.length" class="nodataDiv" padding>
    <ion-avatar>
      <ion-img src="../../assets/chat/chat4.jpg"></ion-img>
    </ion-avatar>
    <h3 class="text-center neutra font-caps red" style="font-weight: bolder;">
      {{ cards.length ? 'We are looking for people around you' : 'There are no prospecs around you' }}
    </h3>
  </div>
  <ion-content padding>

TS

  segmentButtonClicked(event: any) {
    this.subSegmentButton = event.detail.value;
    this.segmentButtonTitle = event.detail.value;;
  }

Source: Angular Questions