title: Ionic 5: Remove White Space between Collapsable Header and Ion Content while Swipe down
body: <p>I am using collapsable header in my ionic 5 app. I am getting this white space between my ion-header and ion-content when I swipe down on my page.</p>
  
  <p><a href="https://i.stack.imgur.com/6YNwf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6YNwf.png" alt="enter image description here"></a></p>
  
  <p>My code looks like below:</p>
  
  <pre><code>&lt;ion-header [translucent]="false" no-border&gt;
    &lt;ion-toolbar&gt;
      &lt;ion-title&gt;
        Requests
      &lt;/ion-title&gt;
      &lt;ion-buttons slot="primary"&gt;
        &lt;ion-button class="person-icon" (click)="showProfile()"&gt;
          &lt;ion-icon slot="icon-only" name="person-outline" mode="md" color="light"&gt;&lt;/ion-icon&gt;
        &lt;/ion-button&gt;
      &lt;/ion-buttons&gt; 
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  
  &lt;ion-content [fullscreen]="true"&gt;
    &lt;ion-header collapse="condense" no-border&gt;
      &lt;ion-toolbar color="primary"&gt;
        &lt;ion-title size="large"&gt;Requests&lt;/ion-title&gt;   
      &lt;/ion-toolbar&gt;
      &lt;ion-searchbar class="ion-text-left"  style="padding-bottom:0px;" mode="ios" [(ngModel)]="searchReq" animated type="search" placeholder="Search"&gt;&lt;/ion-searchbar&gt;
    &lt;/ion-header&gt;
  ....
  </code></pre>
  
  <p>Any idea what am I doing wrong or how I can remove that white space or lock my collapsable header with main header?</p>