diff --git a/public/demo/bim_0.html b/public/demo/bim_0.html
index 50ecd02..5ac42e0 100644
--- a/public/demo/bim_0.html
+++ b/public/demo/bim_0.html
@@ -45,7 +45,7 @@
 
         // draco decoder path is needed to load draco encoded models.
         // gemini-viewer js sdk user maintains draco decoder code somewhere, and provides the path here.
-        const decoderPath = "demo/three/js/libs/draco/gltf/";
+        const decoderPath = "./demo/three/js/libs/draco/gltf/";
         viewer.setDracoDecoderPath(decoderPath);
 
         // loadProjectModel
diff --git a/public/demo/bim_2_overlay_with_dxf.html b/public/demo/bim_2_overlay_with_dxf.html
index 56b74f1..051023c 100644
--- a/public/demo/bim_2_overlay_with_dxf.html
+++ b/public/demo/bim_2_overlay_with_dxf.html
@@ -3,19 +3,12 @@
 <head>
     <link rel="icon" href="./demo/favicon.ico">
     <link rel="stylesheet" type="text/css" href="./demo/global.css">
-    <!-- <style>
+    <style>
         #myCanvas {
-            position: absolute;
-            width: calc(100% - 100px);
-            width: -moz-calc(100% - 100px);
-            width: -webkit-calc(100% - 100px);
-            height: calc(100% - 80px);
-            height: -moz-calc(100% - 80px);
-            height: -webkit-calc(100vh - 80px);
-            left: 50px;
-            top: 40px;
+            width: 100%;
+            height: 100%;
         }
-    </style> -->
+    </style>
 </head>
 
 <body>
@@ -60,7 +53,7 @@
 
         // draco decoder path is needed to load draco encoded models.
         // gemini-viewer js sdk user maintains draco decoder code somewhere, and provides the path here.
-        const decoderPath = "demo/three/js/libs/draco/gltf/";
+        const decoderPath = "./demo/three/js/libs/draco/gltf/";
         viewer.setDracoDecoderPath(decoderPath);
 
         // loadProjectModel
diff --git a/public/demo/dxf_8.html b/public/demo/dxf_8.html
index 0f3afaa..17a7f91 100644
--- a/public/demo/dxf_8.html
+++ b/public/demo/dxf_8.html
@@ -83,7 +83,7 @@
         }
       );
       window.compareHelper = compareHelper;
-      const fontFiles = ["three/fonts/hztxt.shx", "three/fonts/simplex.shx"];
+      const fontFiles = ["./demo/three/fonts/hztxt.shx", "./demo/three/fonts/simplex.shx"];
       await compareHelper.setFont(fontFiles);
 
       compareHelper.viewer1.toolbar?.updateMenus(
diff --git a/public/demo/empty_model_project.html b/public/demo/empty_model_project.html
index 84b7e6f..622b838 100644
--- a/public/demo/empty_model_project.html
+++ b/public/demo/empty_model_project.html
@@ -97,7 +97,7 @@
         );
         // draco decoder path is needed to load draco encoded models.
         // gemini-viewer js sdk user maintains draco decoder code somewhere, and provides the path here.
-        const decoderPath = "demo/three/js/libs/draco/gltf/";
+        const decoderPath = "./demo/three/js/libs/draco/gltf/";
         viewer.setDracoDecoderPath(decoderPath);
 
         // loadProjectModel
