bug: Dropdown overlapped by table header

[gitmalong]

What version of daisyUI are you using?

4.12.10

Which browsers are you seeing the problem on?

No response

Reproduction URL

Describe your issue

 <table class="table table-xs table-zebra table-pin-cols table-pin-rows mt-2">
<thead>
    <tr>
        <th>"Date"</th>
        <th>
            <div class="dropdown dropdown-bottom">

                Col 1

                <ul
                      tabindex="0"
                      class="dropdown-content menu p-0 z-10 shadow bg-base-100 rounded-box w-52"
                  >
                      <li>
                          <a>
                              <label class="label cursor-pointer">
                                      Some dropdown content
                              </label>
                             </a>
                        </li>
                   </ul>

            </div>
        </th>
    </tr>
</thead>
</table>

Example:

[github-actions]

Thank you @gitmalong for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.