diff --git a/src/Mockup.vue b/src/Mockup.vue
index e1a4f66..1702010 100644
--- a/src/Mockup.vue
+++ b/src/Mockup.vue
@@ -50,8 +50,8 @@ export default {
         const screen = new THREE.Mesh(
           new THREE.PlaneGeometry(scale * 9, scale * 19.5), material,
         );
-        screen.material.side = THREE.DoubleSide;
         screen.translateZ(6);
+        screen.translateX(1);
 
         this.phone = new THREE.Group();
         this.phone.add(screen);
diff --git a/vue.config.js b/vue.config.js
index 95cb857..9abd69d 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,5 @@
 module.exports = {
+  publicPath: '/vue-three-d-mockup/',
   chainWebpack: (config) => {
     config.module
       .rule('file-loader')