diff --git a/micro-ui/web/packages/hrms/webpack.common.js b/micro-ui/web/packages/hrms/webpack.common.js
index 54bcf0e3690..0eb634a949e 100644
--- a/micro-ui/web/packages/hrms/webpack.common.js
+++ b/micro-ui/web/packages/hrms/webpack.common.js
@@ -1,4 +1,5 @@
 const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 module.exports = {
   entry: "./src/index",
@@ -18,5 +19,9 @@ module.exports = {
       },
     ],
   },
-  plugins: [],
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: "./public/index.html",
+    }),
+  ],
 };
diff --git a/micro-ui/web/packages/hrms/webpack.prod.js b/micro-ui/web/packages/hrms/webpack.prod.js
index b1cb6d3a2fc..5a234d73fe0 100644
--- a/micro-ui/web/packages/hrms/webpack.prod.js
+++ b/micro-ui/web/packages/hrms/webpack.prod.js
@@ -7,20 +7,20 @@ module.exports = () => {
   const prodConfig = {
     mode: "production",
     output: {
-      publicPath: "/hrms/",
+      publicPath: "/hrms-ui/",
       filename: "[name].[contenthash].js",
     },
     plugins: [
       new ModuleFederationPlugin({
-        name: "hrms",
+        name: "hrms-ui",
         filename: "remoteEntry.js",
         exposes: {
           "./HrmsModule": "./src/bootstrap",
         },
-        // shared: packageJson.dependencies, removed the shared logic for now will be enabled later for optimization
+        shared: packageJson.dependencies, //removed the shared logic for now will be enabled later for optimization
       }),
     ],
   };
 
   return merge(commonConfig, prodConfig);
-};
+