(Enhancement) #773 Scroll bar in tabs that are not necessary

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

@@ -12,15 +12,15 @@ export const Wrapper = styled.div`
     background-color: white;
   }
 `
-// export const Nav = styled.div`
-//   grid-column: 1/3;
-//   grid-row: 1;
-//   margin: 8px 0;
-//   padding: 16px 0;
-//   box-sizing: border-box;
-//   display: flex;
-//   justify-content: flex-end;
-// `
+export const Nav = styled.div`
+  grid-column: 1/3;
+  grid-row: 1;
+  margin: 0;
+  padding: 16px 0;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: flex-end;
+`
 
 export const Menu = styled.div.attrs(() => ({ className: 'background' }))`
   grid-column: 1;

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',