Navbar with container on Edge/IE

<header>
   <mdb-navbarSideClass="navbar fixed-top navbar-expand-lg navbar-dark indigo scrolling-navbar intro-fixed-nav ie-nav" [containerInside]="true">
      <logo>
         <a class="logo navbar-brand" routerLink="/" href="#">
          <img class="mr-3 border border-light rounded-circle animated swing" [class.infinite]="animatedTest" src="../../../assets/images/test.png"
width="40" height="40" (click)="animatedTest = !animatedTest">
          <strong>Test</strong>
         </a>
      </logo>
      <links>
         <ul class="navbar-nav mr-auto">
            <li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
             <a routerLink="/link1" class="nav-link">
                <i class="fa fa-birthday-cake" aria-hidden="true"></i> Link1</a>
            </li>
            <li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
             <a routerLink="/link2" class="nav-link">
                <i class="fa fa-location-arrow" aria-hidden="true"></i> Link2</a>
            </li>
            <li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
             <a routerLink="/link3" class="nav-link">
                <i class="fa fa-camera" aria-hidden="true"></i> Link3</a>
            </li>
         </ul>
         <ul class="navbar-nav nav-flex-icons">
            <li class="nav-item waves-light" mdbWavesEffectrouterLinkActive="active">
             <a routerLink="/link4" class="nav-link">
                <i class="fa fa-user" aria-hidden="true"></i> Link4</a>
            </li>
         </ul>
      </links>
   </mdb-navbar>
</header>