Pin to Browser centered with negative margin not working as expected

Note: My pages are aligned centered.

I’m trying to align a dynamic panel to the left side of my prototype.

The strange thing is the output I am seeing in the browser is:

image

if I turn off the left position (left: 1536px;) and top position (top: 153px;) in the browser developer tools, it positions where I expect it to:

image

If anyone knows what might be going on or how to resolve this issue please point me in the right direction.

I tried the reverse settings and it doesn’t seem to have the same horizontal issue, but oddly enough still has the vertical issue.

image