Starting just yesterday, and I have no clue what caused this to happen in the first place, my entire firefox browser, so tabs, toolbar, everything, is no longer functioning properly with the windows scale display settings I have anymore. For example, I have 2 monitors, one is a 1920x1080 monitor with 100% scaling applied, and the other one (my main monitor) is a 2560x1440 monitor with 125% scaling applied. I have the scaling settings applied like this because the normal resolution for 2k monitors is too small for me to read anything, so scaling it up by 125% makes the browser about identical on both monitors. It used to automatically scale the firefox browser to the monitor whenever I dragged them to the other monitor, but now the firefox just stays at 125% zoom no matter what monitor I swap it to (this is windows scaling zoom, not firefox tab zoom). So on my 2k monitor, it looks fine, but on my 1920x1080 monitor, it still retains the 125% zoom from my other monitor, making it way over zoomed. I've tried changing layout.css.devPixelsPerPx but that just makes the browser scaling static across monitors, so I've since swapped it back to -1.0

Is there any way I can fix this? the difference in scaling between the monitors is way too massive to be able to use firefox comfortably. Attached I have two screenshots showing the difference in scaling.