svlt-grid-active and svlt-grid-shadow are misaligned

[MarcDAFrame]

I have the following structure to my app

<div>
    <AbsoluteSidebar />
    <div margin-left="sidebarwidth">
        <SvelteGrid />
    </div>
</div>

when I remove the margin, the shadow is aligned with the active div
I've tried other methods of moving the grid area to the left including

• absolute
• flex
• margin

but always with the same issue where the offset is equal to how much I've moved it from the left.

Any thoughts on why this is happening?

Screen.Recording.2024-05-23.at.3.21.55.PM.mov

[MarcDAFrame]

ok I figured it out it was because of a weird interaction with tailwind drop-shadow-md