diff --git a/bundle/vue-three-d-mockup.esm.js b/bundle/vue-three-d-mockup.esm.js
index 0bb4550..95c268a 100644
--- a/bundle/vue-three-d-mockup.esm.js
+++ b/bundle/vue-three-d-mockup.esm.js
@@ -99,6 +99,9 @@ class MockupModel extends Group {
 
   lookAtAnim(dt, { x, y, z }) {
     const target = new Vector3();
+    // const boxTarget = new Vector3();
+    // const boundingBox = new Box3().setFromObject(this);
+    // boundingBox.getSize(boxTarget);
     target.x = x;
     target.y = y;
     target.z = z;
@@ -107,7 +110,7 @@ class MockupModel extends Group {
 }
 
 function roundedPlane(width, height, radius) {
-  const x = 1; const y = 1;
+  const x = 0; const y = 0;
   const shape = new Shape();
 
   shape.moveTo(x, y + radius);
@@ -228,9 +231,8 @@ var script = {
 
           recomputeUVs();
 
-          screen.translateX(-width / 2);
-          screen.translateY(-height / 2);
-          screen.translateZ(6);
+          screen.translateZ(3.6);
+          screen.geometry.center();
           phone.add(screen);
         };
 
@@ -239,14 +241,17 @@ var script = {
           loader.load(
             phoneObj,
             (body) => {
+              const bodyGroup = new THREE.Object3D();
               body.traverse((child) => {
                 if (child instanceof THREE.Mesh) {
                   child.material = new THREE.MeshLambertMaterial({ color: props.phoneClr });
+                  child.geometry.center();
+                  const mesh = new THREE.Mesh(child.geometry, child.material);
+                  bodyGroup.add(mesh);
                 }
               });
 
-              body.position.y = -60;
-              phone.add(body);
+              phone.add(bodyGroup);
             },
           );
         };
diff --git a/src/Demo.vue b/src/Demo.vue
index c1d95e8..a1406fc 100644
--- a/src/Demo.vue
+++ b/src/Demo.vue
@@ -20,7 +20,6 @@
         y: -0.3,
         z: -0.06,
       }]"
-      phoneClr="black"
     />
 
     <video
diff --git a/src/Mockup.vue b/src/Mockup.vue
index e363508..de453f2 100644
--- a/src/Mockup.vue
+++ b/src/Mockup.vue
@@ -119,9 +119,8 @@ export default {
 
           recomputeUVs();
 
-          screen.translateX(-width / 2);
-          screen.translateY(-height / 2);
-          screen.translateZ(6);
+          screen.translateZ(3.6);
+          screen.geometry.center();
           phone.add(screen);
         };
 
@@ -130,14 +129,17 @@ export default {
           loader.load(
             phoneObj,
             (body) => {
+              const bodyGroup = new THREE.Object3D();
               body.traverse((child) => {
                 if (child instanceof THREE.Mesh) {
                   child.material = new THREE.MeshLambertMaterial({ color: props.phoneClr });
+                  child.geometry.center();
+                  const mesh = new THREE.Mesh(child.geometry, child.material);
+                  bodyGroup.add(mesh);
                 }
               });
 
-              body.position.y = -60;
-              phone.add(body);
+              phone.add(bodyGroup);
             },
           );
         };
diff --git a/src/MockupModel.js b/src/MockupModel.js
index 3b12426..4819137 100644
--- a/src/MockupModel.js
+++ b/src/MockupModel.js
@@ -96,6 +96,9 @@ export default class MockupModel extends Group {
 
   lookAtAnim(dt, { x, y, z }) {
     const target = new Vector3();
+    // const boxTarget = new Vector3();
+    // const boundingBox = new Box3().setFromObject(this);
+    // boundingBox.getSize(boxTarget);
     target.x = x;
     target.y = y;
     target.z = z;
diff --git a/src/utils/roundedPlane.js b/src/utils/roundedPlane.js
index ada5a0b..8289ba7 100644
--- a/src/utils/roundedPlane.js
+++ b/src/utils/roundedPlane.js
@@ -1,7 +1,7 @@
 import { Shape, ShapeBufferGeometry } from 'three';
 
 export default function roundedPlane(width, height, radius) {
-  const x = 1; const y = 1;
+  const x = 0; const y = 0;
   const shape = new Shape();
 
   shape.moveTo(x, y + radius);