React Condense title glitch - Font size not the same between two page

Hi,

I’m having trouble figuring out the glitch happened with React iOS condense title transition. When routed from other pages back to the main Large Title Header, the size of the title will scale smoothly from small to large first, but at the last second, the size jumps and shrink just a little - not a huge deal but it does not look nice.

Attached original code:

  <IonHeader translucent>
    <IonToolbar>
      <IonTitle>Explore</IonTitle>
    </IonToolbar>
  </IonHeader>
  <IonContent fullscreen>
    <IonHeader collapse="condense" className="ion-no-border">
      <IonToolbar>
        <IonTitle size="large">Explore</IonTitle>
      </IonToolbar>
    </IonHeader>
    <IonRefresher
      slot="fixed"
      pullFactor={0.5}
      onIonRefresh={refreshPosts}
      style={{ top: "-22px" }}
    >
      <IonRefresherContent refreshingSpinner="dots" />
    </IonRefresher>
  </IonContent>