как предотвратить подсчет корзины покупок в navbar при различной ширине

Question

Мой размер корзины покупок, показывающий количество товаров в корзине, продолжает уменьшаться, когда я уменьшаю размер дисплея. Я изменил все элементы на inline, но он все еще не работает. Я также возился с полями, и он все еще хрустит. Любая помощь будет принята с благодарностью. Я приложил css, html и снимок экрана.

CSS

.icons-right {
    margin-right: -5%;
    width: 0;
    display: inline;
}

.icons-right i {
    display: inline;
}
.icons-right a {
    display: inline;
}

.icons-right li {
        padding-left: 1.1em;
        padding-right: 1.1em;
        margin: 0;
        margin-top: 0px;
        display: inline;
    }

#cartSpan {
    display: inline;
}

<!-- ICONS RIGHT -->
  <div class="collapse navbar-collapse icons-right navbar-expand" id="navbarSupportedContent">
    <ul class="navbar-nav navbar-right">
      <% if(login){ %>
        <li class="nav-item" id="loginRegister">
          <a class="nav-link" href="/user/profile"><i class="fas fa-user fa-md"></i></a>
        </li>
      <% } else { %>
        <li class="nav-item" id="loginRegister">
          <a class="nav-link" href="/user/signin"><i class="fas fa-user fa-md"></i></a>
        </li>
      <% } %>
      <li class="nav-item" id="findRetailer">
        <a class="nav-link" href="/dealers"><i class="fas fa-map-marker-alt fa-md"></i> </a>
      </li>
      <li class="nav-item" id="shoppingCart">

        <a class="nav-link" href="/shopping-cart"><i class="fas fa-shopping-cart fa-md"></i> <% if(session.cart){ %> <%if(session.cart.totalQty > 0 || null) { %> <span  id="cartSpan" class="badge">(<%=  session.cart.totalQty  %>) </span>   <% } %> <% } %>  </a>

      </li> 
    </ul>
  </div>

Снимок экрана при разрешении 1325 пикселей