diff --git a/vite.config.ts b/vite.config.ts
index 60600d4fd..be9333b34 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -48,6 +48,27 @@ export default () =>
       // https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme
       react({
         babel: {
+          env: {
+            production: {
+              plugins: [
+                [
+                  "babel-plugin-styled-components",
+                  {
+                    displayName: false,
+                  },
+                ],
+              ],
+            },
+          },
+          plugins: [
+            [
+              "babel-plugin-styled-components",
+              {
+                displayName: true,
+                fileName: false,
+              },
+            ],
+          ],
           parserOpts: {
             plugins: ["decorators-legacy", "classProperties"],
           },