Ionic View tabbar not consistent

Ionic Framework ionic-v3
1

Versions-
OS: MacOS Sierra 10.12.6
Ionic: 3.20.0
Node: 9.5.0

I am having an issue with getting a transparent tabs bar. I have added the following code to my app.scss

.tabbar {
  background: transparent !important;
  border: none !important;
}
.tabs-ios .tabbar {
  background: transparent !important;
  border: none !important;
}
.ion-tabs {
  background: transparent !important;
  border: none !important;
}

It works fine when I test in browser with Ionic serve, but when I test with Ionic View (on an iPhone 6/6s), the tabs bar on the home page is stock and not transparent. It is only on the root tab page, all of the other pages the transparent tabbar works fine, just the one page the tabs page opens to first.

If there something I can add to the tabs page, maybe an scss file for it or something? Or what is the proper fix for this?