diff --git a/css/main.css b/css/main.css
index dd40d4c130d5a6ac55776b0996aa1b836510fa5d..5256322918f0d75ed045455c8643c39d70519216 100755
--- a/css/main.css
+++ b/css/main.css
@@ -33,7 +33,7 @@ p{
     top:53px;
     bottom: 0;
     right:0;
-    width:450px;
+    width:400px;
     padding:20px 20px;
     overflow: auto;
     background:rgba(10,10,10,0.1);
@@ -248,7 +248,7 @@ span.modal-close{
 }
 
 .sliderInput>.flat-slider{
-   width: 132px;
+   width: 100px;
 }
 
 .label-slider{
diff --git a/js/threeView.js b/js/threeView.js
index b58820d2a46fe94a6dd378ac9f8dce239fc5446d..f9ba51847164a6d825b7692cc5d5017318855ae1 100755
--- a/js/threeView.js
+++ b/js/threeView.js
@@ -59,7 +59,7 @@ function initThreeView(globals) {
         controls.staticMoving = true;
         controls.dynamicDampingFactor = 0.3;
         controls.minDistance = 1;
-	    controls.maxDistance = 13;
+	    controls.maxDistance = 30;
         // controls.addEventListener("change", render);
 
         _render();//render before model loads