diff --git a/website/src/components/CubeModel.js b/website/src/components/CubeModel.js
index 393bbe15..827d798b 100644
--- a/website/src/components/CubeModel.js
+++ b/website/src/components/CubeModel.js
@@ -1,13 +1,12 @@
 import useBaseUrl from '@docusaurus/useBaseUrl'
 import { useGLTF } from '@react-three/drei'
-import React, { useRef } from 'react'
+import React from 'react'
 
 export const CubeModel = ({ props }) => {
-  const group = useRef()
-  const gltfPath = useBaseUrl('/model/toiocorecube_v003.gltf')
-  const { nodes, materials } = useGLTF(gltfPath)
+  const glbPath = useBaseUrl('/model/toiocorecube_v003.glb')
+  const { nodes, materials } = useGLTF(glbPath)
   return (
-    <group ref={group} rotation={[Math.PI / 2, 0, Math.PI / 2]} {...props} dispose={null}>
+    <group rotation={[Math.PI / 2, 0, Math.PI / 2]} {...props} dispose={null}>
       <mesh
         castShadow
         receiveShadow
diff --git a/website/src/components/ModelDownloadButtonGroup.js b/website/src/components/ModelDownloadButtonGroup.js
index 1858b867..898c0acd 100644
--- a/website/src/components/ModelDownloadButtonGroup.js
+++ b/website/src/components/ModelDownloadButtonGroup.js
@@ -6,7 +6,7 @@ import styles from './ModelDownloadButtonGroup.module.css'
 const MODEL_LIST = [
   { label: 'FBX', path: '/model/toiocorecube_v003.fbx' },
   { label: 'OBJ', path: '/model/toiocorecube_v003.obj.zip' },
-  { label: 'GLTF', path: '/model/toiocorecube_v003.gltf' },
+  { label: 'GLTF', path: '/model/toiocorecube_v003.glb' },
   { label: 'STL', path: '/model/toiocorecube_v001.stl' },
   { label: 'STP', path: '/model/toiocorecube_v001.stp' },
 ]
diff --git a/website/static/model/toiocorecube_v003.glb b/website/static/model/toiocorecube_v003.glb
new file mode 100644
index 00000000..33bad253
Binary files /dev/null and b/website/static/model/toiocorecube_v003.glb differ