Change height for mobile vs desktop

chat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "main": "./src/index.tsx",
   "license": "MIT",
   "dependencies": {

chat/src/App.css

@@ -1,5 +1,6 @@
 html,
 body {
+  overflow: hidden;
   overscroll-behavior-y: none;
 }
 
@@ -9,6 +10,7 @@ html {
 
 body {
   min-height: 100vh;
+  overflow: hidden;
   /* mobile viewport bug fix */
   min-height: -webkit-fill-available;
 }
@@ -51,7 +53,7 @@ body {
   position: relative;
   flex: 3;
   height: 62vh;
-  height: calc(var(--vh, 1vh) * 70);
+  height: calc(var(--vh, 1vh) * 75);
   max-height: 1000px;
   overflow: auto;
   -ms-overflow-style: none;
@@ -113,8 +115,12 @@ body {
     padding-left: 1rem;
   }
 
+  .App-content {
+    height: calc(var(--vh, 1vh) * 70);
+  }
+
   .App-content__reduced {
-    height: 58vh;
+    height: calc(var(--vh, 1vh) * 58);
   }
 }