Rnd Window position changes when published to Vercel

[voffie]

Overview of the problem

I'm using react-rnd version [^10.4.1]

My browser is: chrome

I am sure this issue is not a duplicate? yes

Reproduced project

GitHub: https://github.com/voffiedev/portfolio
Vercel: https://portfolio-voffiedev.vercel.app

Description

I am currently creating my portfolio page which I want to make it look like an actual desktop. I am using react-rnd to be able to move the "windows" within a headlessui modal. It works as I expect within my development environment, but for some reason whenever I host the project on Vercel something breaks. Both the modals shows up in the bottom right of the page even tho I haven't changed anything, even the browser is the same between the two versions.

Expected behavior

The AboutModal and the ProjectModal should be positioned in the middle of the page

Actual behavior

The position of both the AboutModal and the ProjectModal is not in the right place when uploaded to Vercel