merhabalar arkadaşlar aşağıda sourceyi görseldeki gibi yapmak istiyorum bu şekildeyken sidebardaki diğer itemlerin üzerine doğru açılıyor ve diğer itemler altta kalıyor bilir kişiler lütfen bu konuna bana yardım edebilir mi



<li class="nav-item dropdown">
    <a href="{{ route('dragon_coin') }}"
        class="nav-link text-white {{ request()->is('ejderha-parasi') ? 'active' : '' }}"
        aria-current="page" id="dragonCoinDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
        <svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M2.008,6.959C2.008,6.974,2,6.986,2,7l0,.013c.008.644.287.565,9.156,14.528a1,1,0,0,0,1.682,0C22.2,6.881,21.991,7.528,22,7.013L22,7c0-.015-.008-.027-.008-.041-.022-.522-.449-.917-2.371-4.449A1,1,0,0,0,18.75,2H5.25a1,1,0,0,0-.871.51C2.418,6.113,2.029,6.447,2.008,6.959ZM5.835,4h12.33L19.29,6H11a1,1,0,0,0,0,2h8.168L12,19.151,4.832,8H7A1,1,0,0,0,7,6H4.71Z" />
        </svg>
        <span class="ms-2">Ejderha Parası</span>
    </a>

    <ul class="dropdown-menu" aria-labelledby="dragonCoinDropdown">
        @foreach($categories as $category)
            <li>
                <a class="dropdown-item" href="{{ route('category_coin', ['slug' => $category->slug]) }}">
                    {{ $category->name }}
                </a>
            </li>
        @endforeach
    </ul>
</li>

görsel: