Dropdown always going up

I am using your dropdowns which fully works as I want them to except one important thing.
They always "dropup", and I can't seem to disable it.
I guess it's because it sees each row in the table and assumes there is no space beneath it so it pops up instead.

Code:

<table class="table table-sm table-bordered align-middle text-center">
            <thead>
                <tr>
                    <th style="width: 10%" scope="col">Priority</th>
                    <th style="width: 10%" scope="col">Price</th>
                    <th style="width: 10%" scope="col">Loot</th>
                    <th style="width: 60%" scope="col">Select Loot</th>
                </tr>
            </thead>
            <tbody>
                @for (int i = 1; i < 31; i++)
                {
                    var priorityRow = i;
                    <tr>
                        <td>@priorityRow</td>
                        <td>@GetPrice(priorityRow)</td>
                        <td>
                            <a href="https://tbcdb.com/?item=@GetItemId(priorityRow)" target="_blank">
                                <img src=@GetIconPath(priorityRow)>
                            </a>
                        </td>
                        <td>
                                <RadzenDropDown AllowClear="true" TValue="Models.LootTBC" Style="width: 100%"
                                                FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterOperator="StringFilterOperator.StartsWith" AllowFiltering="true"
                                                Data=@LootInPhase TextProperty="Name" ValueProperty="LootTBC" Change=@(args => OnChange(args, priorityRow)) />
                        </td>
                    </tr>
                }
            </tbody>
        </table>

Hope you can help!