diff --git a/client/public/index.html b/client/public/index.html
index 264bec9e..fd6c2703 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -5,21 +5,14 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>n.eko</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#19bd9c">
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
+    <link rel="manifest" href="site.webmanifest">
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#19bd9c">
     <meta name="msapplication-TileColor" content="#19bd9c">
     <meta name="theme-color" content="#19bd9c">
-    <style>
-      /* weird iOS bug, if this is not set
-         right here, video just does not start */
-      .video-container {
-        width: 100%;
-        height: 100%;
-      }
-    </style>
+    <style> /* weird iOS bug, if this is not set right here, video just does not start */ .video-container { width: 100%; height: 100%; } </style>
   </head>
   <body>
     <noscript>
diff --git a/client/vue.config.js b/client/vue.config.js
index b0da92b9..4421086c 100644
--- a/client/vue.config.js
+++ b/client/vue.config.js
@@ -12,6 +12,7 @@ module.exports = {
     },
   },
   publicPath: './',
+  assetsDir: './',
   configureWebpack: {
     resolve: {
       alias: {
