diff --git a/src/components/auto-box-collider.js b/src/components/auto-box-collider.js
index 220ad92ed83ba506aa63f70dc2ee24e087ce61db..f0aeb29414cf89021801119b463172ee4a82ec1d 100644
--- a/src/components/auto-box-collider.js
+++ b/src/components/auto-box-collider.js
@@ -20,10 +20,13 @@ AFRAME.registerComponent("auto-box-collider", {
     const halfExtents = new THREE.Vector3()
       .addVectors(min.clone().negate(), max)
       .multiplyScalar(0.5 / this.el.object3D.scale.x);
+    const center = new THREE.Vector3().addVectors(min, max).multiplyScalar(0.5);
+    this.el.object3D.worldToLocal(center);
+    this.el.object3DMap.mesh.position.sub(center);
+
     this.el.setAttribute("shape", {
       shape: "box",
-      halfExtents: halfExtents,
-      offset: new THREE.Vector3(0, halfExtents.y, 0)
+      halfExtents: halfExtents
     });
     if (this.data.resize) {
       this.resize(min, max);