topnav p element not showing on larger screens

[ghost]

Using MD Pro 2.1.0.

In Top Navigation bar, the user name is not displaying next to the person icon. Seems on larger screen sizes, the p element is not displayed.

Would rather expect it to be the other way around, i.e. to display only the icon on smaller sizes and not the paragraph. But on smaller sizes, not the larger ones. On larger sizes I WOULD expect to see the p displayed (it contains the user name)

in _responsive.scss line 843

@media (min-width: 992px) {
  .main-panel {
    .navbar .navbar-collapse {
      .navbar-nav .nav-item .nav-link p {
        display: none;
      }
    }
  }

  .nav-mobile-menu,
  .sidebar .navbar-form{
    display: none !important;
  }
}

In topnav bar:

<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute" id="topnav">
    <div class="container-fluid">
        <div class="navbar-wrapper">
            <div class="navbar-minimize">
                ...
            </div>
        </div>
        <button class="navbar-toggler" ...
        </button>
        <div class="collapse navbar-collapse justify-content-end">
            <ul class="navbar-nav">

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" id="userLabel" data-toggle="dropdown" aria-haspopup="true"
                       aria-expanded="false" href="#p">
                        <i class="material-icons">person</i>
                        <p>
                            Username
                        </p>

                        <b class="caret"></b>

                    </a>

                </li> <!-- user -->
            </ul> <!-- navbar -->
        </div> <!-- collapse -->
    </div> <!-- container-fluid -->
</nav>