App on netlify is not displaying my CSS correctly (Everything is slightly larger on Netlify)

As you can see everything is larger on the netlify app versus localhost

I have tried reading all previous support tickets on this issue and still I cannot fix it.

When using inspect on local/netlify, I cannot see a difference in the CSS which is blowing my mind

index.css content:
@tailwind base;
@tailwind components;
@tailwind utilities;

body {
background-color: #000300;
font-family: sans-serif;
}

.main-video {
width: 100%;
height: 100vh;

}

video {
width: 100%;
height: 100%;
object-fit: cover;
}

It looks the same to me:

The file being same is due to CSS Source Maps which you can disable in Dev Tools settings.

MY ZOOM WAS SET TO 80% on my default browser.

Hi @piercen haha thanks so much for letting us know what the issue was. Glad you got it resolved. Have a nice day!