hotfix: remove layout absolute position

app/components/layout.js

@@ -4,12 +4,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 const Layout = styled.div`
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  width: calc(100vw - 200px);
-  left: 200px;
-  top: 0;
+  width: 100%;
   height: 100vh;
   background: ${props => props.theme.colors.secondary};
 `;

app/components/sidebar.js

@@ -9,9 +9,6 @@ const Wrapper = styled.div`
   display: flex;
   flex-direction: column;
   width: 200px;
-  position: absolute;
-  left: 0;
-  top: 0;
   height: 100vh;
   font-family: ${props => props.theme.fontFamily}
   background-color: ${props => props.theme.colors.sidebarBg};

app/router/router.js

@@ -1,7 +1,8 @@
 // @flow
 
-import React, { Fragment } from 'react';
+import React from 'react';
 import { Route, Switch } from 'react-router-dom';
+import styled from 'styled-components';
 
 import { ScrollTopComponent } from './scroll-top';
 import { SidebarContainer } from '../containers/sidebar';
@@ -17,8 +18,14 @@ import {
   DASHBOARD_ROUTE, SEND_ROUTE, RECEIVE_ROUTE, SETTINGS_ROUTE, CONSOLE_ROUTE,
 } from '../constants/routes';
 
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: row;
+  width: 100vw;
+`;
+
 export const RouterComponent = () => (
-  <Fragment>
+  <Wrapper>
     <SidebarContainer />
     <ScrollTopComponent>
       {/* $FlowFixMe */}
@@ -33,5 +40,5 @@ export const RouterComponent = () => (
         </Switch>
       </LayoutComponent>
     </ScrollTopComponent>
-  </Fragment>
+  </Wrapper>
 );