Styled-components not compatible with Vite? #Solved

[IamIGI]

Hi!
After migrating my project from CRA to VITE I got different styles.

Is there needed any extra library to make styles works like on CRA?

Thanks for any advice!

ps. With yellow rectangular I show extra margins in vite

Project repo: https://github.com/IamIGI/ComputerShop-typescript

My files:

vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tsconfigPaths from 'vite-tsconfig-paths'; // vitejs.dev/config
import { viteCommonjs } from '@originjs/vite-plugin-commonjs';

export default defineConfig({
    plugins: [
        react({
            babel: {
                plugins: [
                    ['babel-plugin-styled-components', { ssr: false, pure: true, displayName: true, fileName: true }],
                ],
            },
        }),
        tsconfigPaths(),
        viteCommonjs(),
    ],
});

package.json

{
    "name": "hotshot_frontend",
    "private": true,
    "version": "0.0.0",
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "tsc && vite build",
        "preview": "vite preview"
    },
    "dependencies": {
        "@fortawesome/fontawesome-svg-core": "^6.1.2",
        "@fortawesome/free-solid-svg-icons": "^6.1.2",
        "@fortawesome/react-fontawesome": "^0.2.0",
        "@hookform/resolvers": "^2.9.0",
        "@reduxjs/toolkit": "^1.9.1",
        "@testing-library/jest-dom": "^5.16.4",
        "@testing-library/react": "^13.2.0",
        "@testing-library/user-event": "^14.4.3",
        "axios": "^1.2.1",
        "babel-plugin-styled-components": "^2.0.7",
        "dotenv": "^16.0.1",
        "eslint": "^8.15.0",
        "lodash": "^4.17.21",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "react-hot-toast": "^2.4.0",
        "react-icons": "^4.7.1",
        "react-redux": "^8.0.5",
        "react-router-dom": "^6.3.0",
        "styled-components": "^5.3.6",
        "vite-plugin-babel-macros": "^1.0.6",
        "vite-tsconfig-paths": "^4.0.3",
        "yup": "^0.32.11"
    },
    "devDependencies": {
        "@iconify/json": "^2.1.158",
        "@originjs/vite-plugin-commonjs": "^1.0.3",
        "@types/node": "^18.11.18",
        "@types/react": "^18.0.26",
        "@types/react-dom": "^18.0.9",
        "@types/styled-components": "^5.1.26",
        "@vitejs/plugin-react": "^3.0.0",
        "typescript": "^4.9.3",
        "vite": "^4.0.0"
    }
}

[IamIGI]

Do not see option to delete discussion. Problem solved: forgot to delete default index.css.
Silly mistake :)