Issues with bulma

HTML-CSS
1

Hello together,

I’m currently struggling with the bulma navbar. This is my header:

    <header class="navbar">
        <div class="container">
            <div class="navbar-brand">
                <a class="navbar-item">
                    <span class="icon has-text-primary is-large">
                        <i class="mdi mdi-36px mdi-hexagon-multiple"></i>
                    </span>
                    <!-- <h1 class="title is-1">DNW</h1> -->
                </a>
                <span class="navbar-burger burger" data-target="navbarMenuHeroC">
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
            </div>
            <div class="navbar-menu">
                <div class="navbar-end">
                    <a class="navbar-item">
                        Home
                    </a>
                    <a class="navbar-item">
                        Forum
                    </a>
                    <a class="navbar-item">
                        Spiele
                    </a>
                    <div class="navbar-item has-dropdown is-hoverable is-arrowless">
                        <div class="navbar-link">
                            <img class="nav-profilepic" src="https://static.wixstatic.com/media/1bfda4_6f8ae00a346644a89245f331fc6c6b8e~mv2_d_3476_5214_s_4_2.jpeg?dn=">
                            Tränenreich
                        </div>
                        <div class="navbar-dropdown">
                            <a class="navbar-item">
                                Profil
                            </a>
                            <a class="navbar-item">
                                Nachrichten
                            </a>

                            <a class="navbar-item">
                                Rangliste
                            </a>
                            <hr class="navbar-divider">
                            <a class="navbar-item">
                                Hilfe
                            </a>
                            <a class="navbar-item">
                                Einstellungen
                            </a>
                            <a class="navbar-item">
                                Mod-Forum
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

The dropdown menu should show a blue arrow. But it doesn’t show in Chrome nor in Firefox. Any ideas how to fix this?

Greetings