diff --git a/babel.config.json b/babel.config.json
index 522c7e1cdd..0b85f5549d 100644
--- a/babel.config.json
+++ b/babel.config.json
@@ -5,8 +5,9 @@
       {
         "targets": {
           "node": "current"
-        }
+        },
+        "modules": false
       }
     ]
   ]
-}
\ No newline at end of file
+}
diff --git a/packages/web/config/feature-flag.ts b/packages/web/config/feature-flag.ts
index 1fdfa800af..5513197fea 100644
--- a/packages/web/config/feature-flag.ts
+++ b/packages/web/config/feature-flag.ts
@@ -13,5 +13,5 @@ export const RecommendedSwapDenoms = [
   "BTC",
   "ETH",
   "ATOM",
-  "TIA"
+  "TIA",
 ];
diff --git a/packages/web/next.config.js b/packages/web/next.config.js
index 3ab2d65125..8f08ca4b3d 100644
--- a/packages/web/next.config.js
+++ b/packages/web/next.config.js
@@ -84,6 +84,14 @@ const config = {
   },
 };
 
+module.exports = {
+  ...module.exports,
+  mode: "production", // Ensure the mode is 'production' for tree shaking to work
+  optimization: {
+    usedExports: true, // This setting enables tree shaking
+  },
+};
+
 const withBundleAnalyzer = require("@next/bundle-analyzer")({
   enabled: process.env.ANALYZE === "true",
 });
diff --git a/packages/web/package.json b/packages/web/package.json
index 1c27ae397d..3d489f84f4 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -1,6 +1,7 @@
 {
   "name": "@osmosis-labs/web",
   "version": "5.1.0",
+  "sideEffects": false,
   "private": true,
   "scripts": {
     "knip": "knip",