diff --git a/index.html b/index.html
index 6d60d8b..d9555fd 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Roulette wheel</title>
-    <script src="bundle.js"></script>
+    <script type="module" src="dist/scripts/bundle.js"></script>
     <link rel="stylesheet" href="app.css" />
   </head>
   <body>
diff --git a/webpack.config.prod.js b/webpack.config.prod.js
index 3027cef..8e5da90 100644
--- a/webpack.config.prod.js
+++ b/webpack.config.prod.js
@@ -4,7 +4,7 @@ module.exports = {
     mode: "production",
     entry: './src/app.ts',
     output: {
-        path:path.resolve(__dirname, "dist"),
+        path:path.resolve(__dirname, "dist/scripts"),
         filename: "bundle.js",
         publicPath: '/dist/'
     },
