overlapping issue with seekbar thumbnails

[payamtrack]

Hi,

I have increased the size of seekbar thumbnails by using the CSS rules below:

.bmpui-ui-seekbar-label {
    width: 30%;
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner > .bmpui-container-wrapper .bmpui-seekbar-thumbnail {
    width: 100% !important;
}

However, this causes them to get cut off due to overlapping with the player's edges when hovering over the seek bar up to a specific point at the beginning and end. I am not sure how to address this issue.

As illustrated below, I think the thumbnail container should stop following the mouse pointer when it reaches to the edges, and beyond that point, only the caret-down icon should move with the pointer:

Thanks,