diff --git a/web/next.config.js b/web/next.config.js
index 5a28778c..917d72b3 100644
--- a/web/next.config.js
+++ b/web/next.config.js
@@ -7,6 +7,13 @@ module.exports = {
     externalDir: true,
     optimizeCss: true,
     modularizeImports: {
+      '@heroicons/react/solid/?(((\\w*)?/?)*)': {
+        transform: '@heroicons/react/solid/{{ matches.[1] }}/{{member}}',
+      },
+      '@heroicons/react/outline/?(((\\w*)?/?)*)': {
+        transform: '@heroicons/react/outline/{{ matches.[1] }}/{{member}}',
+      },
+
       lodash: {
         transform: 'lodash/{{member}}',
       },