fix scroll and fix margin layout

src/components-v2/layouts/ListContentLayout/Layout.jsx

@@ -15,7 +15,7 @@ export const Wrapper = styled.div`
 export const Nav = styled.div`
   grid-column: 1/3;
   grid-row: 1;
-  margin: 8px 0;
+  margin: 0;
   padding: 16px 0;
   box-sizing: border-box;
   display: flex;

src/components/layout/Page/index.scss

@@ -2,12 +2,12 @@
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
-  padding: 135px 200px 0px 200px;
+  padding: 96px 200px 0px 200px;
 }
 
 @media only screen and (max-width: $(screenLg)px) {
   .page {
-    padding: 135px $lg 0px $lg;
+    padding: 72px $lg 0px $lg;
   }
 }
 

src/routes/safe/components/AddressBook/style.js

@@ -3,7 +3,7 @@ import { lg, marginButtonImg, md, sm } from '~/theme/variables'
 
 export const styles = () => ({
   formContainer: {
-    minHeight: '420px',
+    minHeight: '250px',
   },
   title: {
     padding: lg,
@@ -52,7 +52,6 @@ export const styles = () => ({
     cursor: 'default',
   },
   message: {
-    margin: `${sm} 0`,
     padding: `${md} 0`,
     maxHeight: '54px',
     boxSizing: 'border-box',

src/routes/safe/components/Settings/style.js

@@ -119,7 +119,6 @@ export const styles = () => ({
     position: 'relative',
   },
   message: {
-    margin: `${sm} 0`,
     padding: `${md} 0`,
     maxHeight: '54px', // to make it the same as row in Balances component
     boxSizing: 'border-box',

src/routes/safe/components/Transactions/TxsTable/style.js

@@ -1,7 +1,7 @@
 // @flow
 export const styles = () => ({
   container: {
-    marginTop: '70px',
+    marginTop: '56px',
   },
   row: {
     cursor: 'pointer',