diff --git a/client/config/webpack.config.js b/client/config/webpack.config.js
index 92906a67a3b3..5f095e01a94d 100644
--- a/client/config/webpack.config.js
+++ b/client/config/webpack.config.js
@@ -162,8 +162,11 @@ function config(webpackEnv) {
       level: "none",
     },
     optimization: {
-      chunkIds: isEnvProduction ? "natural" : "named",
-      moduleIds: isEnvProduction ? "natural" : "named",
+      splitChunks: {
+        name: (_, chunks, cacheGroupKey) => {
+          return `${cacheGroupKey === "defaultVendors" ? "vendor" : cacheGroupKey}-${chunks.map(({ name }) => name).join("~")}`;
+        },
+      },
       minimize: isEnvProduction,
       minimizer: [
         // This is only used in production mode