# Bug in Ionic View and DevApp: Different ion-header height in same app

**URL:** <https://forum.ionicframework.com/t/bug-in-ionic-view-and-devapp-different-ion-header-height-in-same-app/112678>\
**Category:** Appflow\
**Created:** [November 20, 2017, 3:44am UTC](https://forum.ionicframework.com/t/bug-in-ionic-view-and-devapp-different-ion-header-height-in-same-app/112678 "2017-11-20T03:44:13Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rfarko](https://avatars.discourse-cdn.com/v4/letter/r/6f9a4e/32.png) [@rfarko](https://forum.ionicframework.com/u/rfarko)\
**Post date:** [November 20, 2017, 3:44am UTC](https://forum.ionicframework.com/t/bug-in-ionic-view-and-devapp-different-ion-header-height-in-same-app/112678/1 "2017-11-20T03:44:13Z")

</div>

I recently faced this issue with two of my apps when testing with **Ionic View** and **Dev App**. I am using the latest Ionic CLI and templates (v 3.18.0). The problem is that when adding pages to my app, for no reason, pages appear with different header (ion-header) height on the device. This causes the title of some pages overlap with phone status bar.

Here is an example from one of my apps in **Ionic DevApp** :  
The app has a main page (Dashboard), tapping on existing items opens “Page 1” and selecting New Item, opens “Page 2”:

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/5/9/596a19d95cc4f6fac0271a1ff80dbbaee66370da.png)

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/9/7/97fa9f3a3d474221d2fc9228faf9fbf2e68d6ad0.png)

Both pages have exact the same HTML header

```auto
<ion-header>
  <ion-navbar color="primary">
    <ion-title>Page 1</ion-title>
  </ion-navbar>
</ion-header>

```

```auto
<ion-header>
  <ion-navbar color="primary">
    <ion-title>Page 2</ion-title>
  </ion-navbar>
</ion-header>

```

and both are navigated to in same way:

```auto
this.navCtrl.push('Page1');

```

```auto
this.navCtrl.push('Page2');

```

In **Ionic View** I see both pages with the short header!

Please let me know if anybody else is experiencing the same problem.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 10:03pm UTC](https://forum.ionicframework.com/t/bug-in-ionic-view-and-devapp-different-ion-header-height-in-same-app/112678/3 "2021-07-19T22:03:24Z")

</div>

Closed on July 19, 2021, 10:03pm UTC