css overflow changes

Author: dewanshDT

client/components/RootPage.jsx

@@ -4,10 +4,16 @@ import { prop } from '../theme';
 const RootPage = styled.div`
   min-height: 100%;
   display: flex;
+  justify-content: start;
   flex-direction: column;
   color: ${prop('primaryTextColor')};
   background-color: ${prop('backgroundColor')};
   height: ${({ fixedHeight }) => fixedHeight || 'initial'};
+
+  @media (max-width: 770px) {
+    height: 100%;
+    overflow: hidden;
+  }
 `;
 
 export default RootPage;

client/modules/IDE/components/Editor/MobileEditor.jsx

@@ -5,7 +5,7 @@ export const EditorContainer = styled.div`
   display: flex;
   flex-direction: column;
   height: 100%;
-  padding-bottom: 5.5rem;
+  padding-bottom: 5rem;
   transform: ${(props) =>
     props.expanded ? 'translateX(50%)' : 'translateX(0)'};