Unnecessary margin and height in DndContext div: Request for custom styles prop

[nkgastromatic]

Hi guys,
First of all, I want to say how awesome this library is! It's been incredibly helpful for implementing drag-and-drop functionality in my project.

However, I've encountered an issue when using the DndContext component. The div rendered by DndContext has some styling applied that results in extra spacing between my table header and body, which I'm unable to remove.

The styles being applied to this div are:
element.style { position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(100%); white-space: nowrap; }
And the div in question is rendered by DndContext:

I'm not against the styling itself, but this div is causing extra spacing in my layout, specifically between my table header and body. I've tried various methods to remove the spacing, but nothing seems to work.

Would it be possible to have the ability to pass custom styles to the DndContext's div or provide another solution to prevent the extra spacing?

Any guidance or assistance would be greatly appreciated!