diff --git a/static/css/styles.css b/static/css/styles.css
index 7f0275e..ba7dcda 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -136,8 +136,13 @@ legend {
 }
 
 html, body{
-    height: 100%;
+    /*height: 100%;*/
     scroll-behavior: smooth;
+    height: 100vh;
+    height: -webkit-fill-available;
+    height: fill-available;
+    max-height: fill-available;
+    max-height: -webkit-fill-available;
 }
 
 .wrapper_content {
diff --git a/static/js/global_js.js b/static/js/global_js.js
index c7a658f..28e5efa 100644
--- a/static/js/global_js.js
+++ b/static/js/global_js.js
@@ -11,11 +11,11 @@ window.onload = function (){
     middleWareJS()
     openOrCloseCurtainSupportChat()
     openOverlayOrClose()
-    let body = document.querySelector("body")
-    const viewPortH = body.getBoundingClientRect().height;
-    const windowH = window.innerHeight;
-    const browserUiBarsH = viewPortH - windowH;
-    body.style.height = `calc(100vh - ${browserUiBarsH}px)`;
+    // let body = document.querySelector("body")
+    // const viewPortH = body.getBoundingClientRect().height;
+    // const windowH = window.innerHeight;
+    // const browserUiBarsH = viewPortH - windowH;
+    // body.style.height = `calc(100vh - ${browserUiBarsH}px)`;
     // let height = window.innerHeight
     // document.querySelector('body').style.maxHeight = height + 'px'
     // document.querySelector('body').style.height = height + 'px'