UI Glitch in client-browse.html

Hello,

The dropdown menus get overlapped by the table head in the client-browse.html view.

The following div has the problem:

<div aria-hidden="true" style="overflow-x: hidden; position: fixed; margin-top: 0px; top: 0px; z-index: 1001; will-change: transform; transform: translateX(305px) translateY(290px); left: 0px; width: 1350px;" class="floatThead-container"><table class="table fancytree-container fancytree-ext-table fancytree-ext-glyph fancytree-ext-gridnav floatThead-table" style="border-collapse: collapse; border: 0px none rgb(128, 128, 128); display: table; width: 1350px; margin: 0px; table-layout: fixed;"><colgroup><col style="width: 289px;"><col style="width: 193px;"><col style="width: 120px;"><col style="width: 120px;"><col style="width: 149px;"><col style="width: 479px;"></colgroup><thead>
                <tr>
                  <th></th><th>mode</th><th>UID</th><th>GID</th><th>Taille</th><th>Date</th>
                </tr>
              </thead></table></div>

Since the standard dropdown-menu class from bootstrap has z-index: 1000, and we got a generated style z-index: 1001, the dropdown menu shows under the div that contains the table.

Not sure where to tweak this without altering bootstrap, since this div is autogenerated and a lot of js code is minified.

Using burp-0.60dev