Odd behavior when navigating across tabs in Angular

I’m using tabs in on of my projects and noticed some odd behavior when I was trying to navigate to a sub section within one of my tabs from another tab.

For example sake, this is my routing for my app:

/app/tabs/home
/app/tabs/section1
/app/tabs/section2
/app/tabs/section2/sub-section

When I try to use the routerLink in my /app/tabs/home to link to /app/tabs/section2/sub-section it creates an odd behavior. There is no “slide” of the view transitions and the screen goes white for a second and then loads the new view.

I even tried to use the Router service from a click method and had the same experience.

Any thoughts around what may be causing this?