I have a React application that works perfectly when I build and run it locally. However, after deploying it on Vercel and Netlify, I encounter an unexpected zooming effect. The layout looks fine locally, but on the deployed versions, elements appear zoomed in or scaled incorrectly.
This is the link to the GitHub repository https://github.com/snehathakur07/Google-Gemini-Clone and this is the vercel link https://gemini-google-clone.vercel.app/
What could be causing the zooming effect only in the deployed environments on Vercel and Netlify, and how can I fix it?

Any insights or suggestions would be greatly appreciated!

Actual
This is how the app should look like.