diff --git a/packages/web_ui/package.json b/packages/web_ui/package.json
index c9bc0499..b8b815c9 100644
--- a/packages/web_ui/package.json
+++ b/packages/web_ui/package.json
@@ -37,6 +37,7 @@
     "react-router-dom": "^5.2.0",
     "stream-browserify": "^3.0.0",
     "style-loader": "^2.0.0",
+    "terser-webpack-plugin": "^5.3.9",
     "util": "^0.12.3",
     "webpack": "^5.73.0",
     "webpack-cli": "^4.9.2",
diff --git a/packages/web_ui/webpack.common.js b/packages/web_ui/webpack.common.js
index 628eb217..ebaab0ea 100644
--- a/packages/web_ui/webpack.common.js
+++ b/packages/web_ui/webpack.common.js
@@ -2,6 +2,7 @@
 const webpack = require("webpack");
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const { WebpackManifestPlugin } = require("webpack-manifest-plugin");
+const TerserPlugin = require("terser-webpack-plugin");
 
 module.exports = (env = {}) => ({
 	mode: env.production ? "production" : "development",
@@ -113,5 +114,18 @@ module.exports = (env = {}) => ({
 	},
 	optimization: {
 		moduleIds: "deterministic",
+		minimizer: [
+			new TerserPlugin({
+				terserOptions: {
+					compress: {
+						keep_classnames: true,
+						passes: 2,
+					},
+					mangle: {
+						keep_classnames: true,
+					},
+				},
+			}),
+		],
 	},
 });