diff --git a/package.json b/package.json
index ea9a439..07752d3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "material-editor",
   "private": true,
-  "version": "1.0.10",
+  "version": "1.0.11",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/MaterialView.vue b/src/components/MaterialView.vue
index 94242a0..0161ec9 100644
--- a/src/components/MaterialView.vue
+++ b/src/components/MaterialView.vue
@@ -59,8 +59,8 @@ async function HandleUpdateConfig() {
 <style scoped lang="scss">
 .material-view
 {
-    width: 100cqw;
-    height: 100cqh;
+    width: 100%;
+    height: 100%;
     box-sizing: border-box;
     padding: 0;
     margin: 0;
diff --git a/src/main.ts b/src/main.ts
index 5244aa5..71e05cd 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,9 @@
 import './assets/main.css'
 import { Mount } from './lib';
 
-Mount("#app");
+const app = document.createElement('div');
+app.style.width = '100%';
+app.style.height = '100vh';
+document.body.appendChild(app);
+Mount(app);