diff --git a/public/demo/dxf_5.html b/public/demo/dxf_5.html
index b71dad7..a6c0fc2 100644
--- a/public/demo/dxf_5.html
+++ b/public/demo/dxf_5.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
     <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
     <style>
-        #myCanvas {
+        /* #myCanvas {
             position: absolute;
             width: calc(100% - 100px);
             width: -moz-calc(100% - 100px);
@@ -17,11 +17,11 @@
             height: -webkit-calc(100vh - 80px);
             left: 50px;
             top: 40px;
-        }
+        } */
         .markup-toolbar {
             position: absolute;
-            right: 60px;
-            top: 10%;
+            right: 20px;
+            top: 20px;
         }
         .markup-toolbar-btn {
             min-width: 50px;
diff --git a/public/demo/dxf_6.html b/public/demo/dxf_6.html
index 93b872f..d5972ec 100644
--- a/public/demo/dxf_6.html
+++ b/public/demo/dxf_6.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="./demo/layerManager/layerManager.css">
     <link rel="stylesheet" href="./demo/settings/SettingsPanel.css">
     <style>
-        #myCanvas {
+        /* #myCanvas {
             position: absolute;
             width: calc(100% - 100px);
             width: -moz-calc(100% - 100px);
@@ -17,11 +17,11 @@
             height: -webkit-calc(100vh - 80px);
             left: 50px;
             top: 40px;
-        }
+        } */
         .hotpoint-toolbar {
             position: absolute;
-            right: 60px;
-            top: 10%;
+            right: 20px;
+            top: 20px;
         }
         .hotpoint-toolbar-btn {
             min-width: 50px;