diff --git a/web/src/js/main.js b/web/src/js/main.js
index 93a0efb..69cb043 100644
--- a/web/src/js/main.js
+++ b/web/src/js/main.js
@@ -344,9 +344,9 @@ function switchTheme() {
 function setPageTheme(theme) {
     return;
     if (theme === "light")
-        document.getElementById("pagestyle").setAttribute("href", "../assets/css/bootstrap.min.css");
+        document.getElementById("pagestyle").setAttribute("href", "web/build/assets/css/bootstrap.min.css");
     else if (theme === "dark")
-        document.getElementById("pagestyle").setAttribute("href", "../assets/css/bootstrap.darkly.min.css");
+        document.getElementById("pagestyle").setAttribute("href", "web/build/assets/css/bootstrap.darkly.min.css");
 }
 
 // ---------------------
diff --git a/web/src/templates/index.html b/web/src/templates/index.html
index 3e84ef0..22aa4b6 100644
--- a/web/src/templates/index.html
+++ b/web/src/templates/index.html
@@ -6,16 +6,16 @@
 
     <title>botamusique web interface</title>
 
-    <link rel="icon" href="../assets/image/favicon.ico" />
+    <link rel="icon" href="web/build/assets/image/favicon.ico" />
 
-    <link rel="stylesheet" href="../assets/css/main.css">
+    <link rel="stylesheet" href="web/build/assets/css/main.css">
 </head>
 
 <body>
     <div class="container page-header mb-5" id="banner">
         <div class="row">
             <div class="col-auto">
-                <img src="../assets/image/logo.png" height="200px">
+                <img src="web/build/assets/image/logo.png" height="200px">
             </div>
             <div class="col my-auto">
                 <h1>botamusique Web Interface</h1>
@@ -89,12 +89,12 @@
                 <tbody id="playlist-table" class="playlist-table">
                     <tr id="playlist-loading">
                         <td colspan="4" class="text-center">
-                            <img style="margin: auto; width: 35px;" src="../assets/image/loading.svg" />
+                            <img style="margin: auto; width: 35px;" src="web/build/assets/image/loading.svg" />
                         </td>
                     </tr>
                     <tr id="playlist-empty" class="d-none">
                         <td colspan="4" class="text-center">
-                            <img style="margin: auto; width: 35px;" src="../assets/image/empty_box.svg" />
+                            <img style="margin: auto; width: 35px;" src="web/build/assets/image/empty_box.svg" />
                         </td>
                     </tr>
                     <tr class="playlist-expand table-dark d-none">
@@ -109,7 +109,7 @@
                         <td>
                             <input hidden type="text" class="playlist-item-id" value="" />
                             <div class="float-left">
-                                <img width="80" class="playlist-item-thumbnail" src="../assets/image/unknown-album.png" />
+                                <img width="80" class="playlist-item-thumbnail" src="web/build/assets/image/unknown-album.png" />
                             </div>
                             <div class="playlist-artwork">
                                 <b class="playlist-item-title"></b>
@@ -208,10 +208,10 @@
             <div class="card-body">
                 <div id="library-group" class="list-group library-group" style="overflow: auto;">
                     <div id="library-item-loading" class="list-group-item library-item">
-                        <img style="margin: auto; width: 35px;" src="../assets/image/loading.svg" />
+                        <img style="margin: auto; width: 35px;" src="web/build/assets/image/loading.svg" />
                     </div>
                     <div id="library-item-empty" style="display: none" class="list-group-item library-item">
-                        <img style="margin: auto; width: 35px;" src="../assets/image/empty_box.svg" />
+                        <img style="margin: auto; width: 35px;" src="web/build/assets/image/empty_box.svg" />
                     </div>
                     <div id="library-item" style="display: none;" class="list-group-item library-item">
                         <input hidden type="text" class="library-item-id" value="" />
@@ -219,7 +219,7 @@
                         <div class="library-thumb-col">
                             <div class="library-thumb-img">
                                 <img class="library-item-thumb library-thumb-img"
-                                    src="../assets/image/unknown-album.png" />
+                                    src="web/build/assets/image/unknown-album.png" />
                             </div>
                             <div class="btn-group-vertical library-thumb-grp">
                                 <div class="library-item-play btn btn-secondary library-thumb-btn-up" title="Play">
@@ -252,10 +252,10 @@
 
     <div id="library-group" class="list-group library-group" style="overflow: auto;">
         <div id="library-item-loading" class="list-group-item library-item">
-            <img style="margin: auto; width: 35px;" src="../assets/image/loading.svg" />
+            <img style="margin: auto; width: 35px;" src="web/build/assets/image/loading.svg" />
         </div>
         <div id="library-item-empty" style="display: none" class="list-group-item library-item">
-            <img style="margin: auto; width: 35px;" src="../assets/image/empty_box.svg" />
+            <img style="margin: auto; width: 35px;" src="web/build/assets/image/empty_box.svg" />
         </div>
         <div id="library-item" style="display: none;" class="list-group-item library-item">
             <input hidden type="text" class="library-item-id" value="" />
@@ -457,8 +457,8 @@
                 </button>
             </div>
             <div class="toast-body" id="playerContainer">
-                <img id="playerArtworkIdle" src="../assets/image/empty_box.svg" />
-                <img id="playerArtwork" src="../assets/image/unknown-album.png" style="display: none;" />
+                <img id="playerArtworkIdle" src="web/build/assets/image/empty_box.svg" />
+                <img id="playerArtwork" src="web/build/assets/image/unknown-album.png" style="display: none;" />
                 <div id="playerInfo">
                     <div id="playerActionBox">
                         <button id="playerPlayBtn" class="btn btn-primary btn-sm btn-space" style="display: none"
@@ -575,7 +575,7 @@
 
         <input type="hidden" id="maxUploadFileSize" value="{{ max_upload_file_size }}" />
 
-        <script src="../assets/js/main.js"></script>
+        <script src="web/build/assets/js/main.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/web/src/templates/need_token.html b/web/src/templates/need_token.html
index 0a4a6fe..f01a55d 100644
--- a/web/src/templates/need_token.html
+++ b/web/src/templates/need_token.html
@@ -6,10 +6,10 @@
 
     <title>botamusique web interface</title>
 
-    <link rel="icon" href="../assets/image/favicon.ico" />
+    <link rel="icon" href="web/build/assets/image/favicon.ico" />
 
-    <link id="pagestyle" rel="stylesheet" href="../assets/css/bootstrap.min.css">
-    <link rel="stylesheet" href="../assets/css/main.css">
+    <link id="pagestyle" rel="stylesheet" href="web/build/assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="web/build/assets/css/main.css">
 </head>
 
 <body>
@@ -40,10 +40,10 @@
     </div>
 
 
-    <script src="../assets/js/jquery-3.5.1.min.js"></script>
-    <script src="../assets/js/popper.min.js"></script>
-    <script src="../assets/js/bootstrap.min.js"></script>
-    <script src="../assets/js/fontawesome.all.min.js"></script>
+    <script src="web/build/assets/js/jquery-3.5.1.min.js"></script>
+    <script src="web/build/assets/js/popper.min.js"></script>
+    <script src="web/build/assets/js/bootstrap.min.js"></script>
+    <script src="web/build/assets/js/fontawesome.all.min.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/web/webpack.config.js b/web/webpack.config.js
index d8db59e..4033b0c 100644
--- a/web/webpack.config.js
+++ b/web/webpack.config.js
@@ -5,8 +5,8 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 module.exports = {
   entry: {
     main: [
-        './src/js/app.js',
-        './src/sass/app.scss',
+      './src/js/app.js',
+      './src/sass/app.scss',
     ],
   },
   output: {
