MaterializeCSS Navbar отступает первый пункт

Question

Мой веб-сайт использует платформу MaterializeCSS, и у меня есть базовая панель навигации, в которой есть складной заголовок, который переключает различные поддерживаемые нами имена входа.

По какой-то причине первый элемент в этом списке всегда имеет отступ.Эта проблема видна только при загрузке веб-страницы из моего мобильного браузера (Chrome для Android V77 Beta).У меня есть похожий код на другом сайте, и происходит то же самое, что заставляет меня поверить, что это не мой код.Вот мой код:

<ul id="dropdown3" class="dropdown-content">
   <ul class="collapsible collapsible-accordion">
      <li>
         <a class="collapsible-header grey-text text-lighten-2"><i class="material-icons" style="color:white;">arrow_drop_down</i>Login/Signup</a>
         <div class="collapsible-body">
            <ul class="grey lighten-1">
               <li><a href="/Hybridauth/Google">Login with Google <i style="color:#db3236;" class="fab fa-google left-align" aria-hidden="true"></i></a></li>
               <li><a href="/Hybridauth/Twitter">Login with Twitter <i style="color:#00aced;" class="fab fa-twitter" aria-hidden="true"></i></a></li>
               <li><a href="/Hybridauth/Facebook">Login with Facebook <i style="color:#3b5998;" class="fab fa-facebook" aria-hidden="true"></i></a></li>
               <li><a href="/Hybridauth/Reddit">Login with Reddit <i style="color:#FF4500;" class="fab fa-reddit" aria-hidden="true"></i></a></li>
            </ul>
         </div>
      </li>
   </ul>
</ul>

Вот скриншоты того, как выглядит проблема:

Вы можете сами увидеть проблему на сайте .Это проблема с Chrome для Android V77 Beta или из-за MaterializeCSS?