Why does react.js app scales on deployment?

Question

On localhost everything is alright but when I deploy my app everything is sсales 2x. And this happens everywhere I tried netlify, Vercel, and on VPS . I don't know why this happens Here is my dependencies may it helps

"dependencies": {
"@ant-design/icons": "^4.7.0",
"@reduxjs/toolkit": "^1.7.2",
"@testing-library/jest-dom": "^5.16.2",
"@testing-library/react": "^12.1.3",
"@testing-library/user-event": "^13.5.0",
"antd": "^4.18.7",
"axios": "^0.26.0",
"bootstrap": "^5.1.3",
"gh-pages": "^3.2.3",
"infinite-react-carousel": "^1.2.11",
"jsonwebtoken": "^8.5.1",
"moment": "^2.29.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-redux": "^7.2.6",
"react-router-dom": "^6.2.1",
"react-scripts": "5.0.0",
"react-slick": "^0.28.1",
"web-vitals": "^2.1.4"

},

here is before and after before

after