fix overflow style

Composer/packages/client/src/App.js

@@ -84,12 +84,12 @@ function App() {
           </span>
         </div>
       </header>
-      <div style={{ backgroundColor: "#f6f6f6", height: "100vh" }}>
+      <div style={{ backgroundColor: "#f6f6f6", height: "calc(100vh - 50px)" }}>
         <div
           style={{
             width: "80px",
             backgroundColor: "#eaeaea",
-            height: "99vh",
+            height: "calc(99vh - 50px)",
             float: "left"
           }}
         >
@@ -99,7 +99,9 @@ function App() {
         </div>
         <div
           style={{
+            height: '100%',
             display: "flex",
+            overflow: 'auto',
             marginLeft: "80px",
             zIndex: 2
           }}

Composer/packages/client/src/components/Conversation/styles.js

@@ -4,7 +4,7 @@ export const container = css`
   max-width: 1190px;
   background-color: #ffffff;
   height: 870px;
-  overflow: scroll;
+  overflow: auto;
 `;
 
 export const top = css`

Composer/packages/client/src/components/Tree/styles.js

@@ -4,7 +4,7 @@ export const container = variant => css`
   width: 325px;
   background-color: #ffffff;
   height: ${variant && variant === "large" ? "500px" : "350px"};
-  overflow: scroll;
+  overflow: auto;
 `;
 
 export const top = css`

Composer/packages/client/src/index.css

@@ -1,6 +1,7 @@
 body {
   margin: 0;
   padding: 0;
+  overflow: hidden;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;