diff --git a/app/main.css b/app/main.css
index 2d1d66c6..74a9eaff 100644
--- a/app/main.css
+++ b/app/main.css
@@ -42,11 +42,6 @@ progress::-webkit-progress-value {
   @apply bg-white;
 }
 
-.info {
-  height: 90%;
-  max-height: 32rem;
-}
-
 .header-logo {
   background-image: url('../assets/send_logo_white.svg');
   background-position: left;
@@ -150,8 +145,10 @@ progress::-webkit-progress-value {
     @apply flex-1;
     @apply self-center;
     @apply items-center;
-    @apply my-10;
+    @apply m-auto;
+    @apply py-8;
 
+    min-height: 33rem;
     max-height: 40rem;
     width: calc(100% - 3rem);
   }
@@ -162,7 +159,5 @@ progress::-webkit-progress-value {
 
   .main > section {
     @apply shadow-md;
-
-    min-height: 30rem;
   }
 }
diff --git a/app/routes.js b/app/routes.js
index 3d21753a..cb616c42 100644
--- a/app/routes.js
+++ b/app/routes.js
@@ -16,7 +16,7 @@ function banner(state, emit) {
 
 function body(main) {
   return function(state, emit) {
-    const b = html`<body class="flex flex-col items-center font-sans bg-blue-lightest md:min-h-screen md:bg-grey-lightest justify-between">
+    const b = html`<body class="flex flex-col items-center font-sans bg-blue-lightest md:h-screen md:bg-grey-lightest">
     ${banner(state, emit)}
     ${header(state, emit)}
     ${main(state, emit)}
diff --git a/app/ui/home.js b/app/ui/home.js
index 3f3af8d6..813c3286 100644
--- a/app/ui/home.js
+++ b/app/ui/home.js
@@ -27,7 +27,7 @@ module.exports = function(state, emit) {
     ${state.modal && modal(state, emit)}
     <section class="h-full w-full p-6 md:flex md:flex-row z-10">
       <div class="md:mr-6 md:w-1/2">${left}</div>
-      <div class="md:w-1/2 overflow-y-scroll mt-6 md:mt-0">${right}</div>
+      <div class="md:w-1/2 mt-6 md:mt-0">${right}</div>
     </section>
   </main>`;
 };
diff --git a/app/ui/intro.js b/app/ui/intro.js
index e0259cdf..0594c5a1 100644
--- a/app/ui/intro.js
+++ b/app/ui/intro.js
@@ -4,7 +4,7 @@ const assets = require('../../common/assets');
 module.exports = function intro(state) {
   return html`
   <article class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 text-center md:py-0 py-6 md:mb-0 mb-6 h-full">
-    <div class="info flex flex-col items-center justify-between">
+    <div class="flex flex-col items-center justify-between h-full py-8">
       <p class="text-center">
         <div class="font-semibold leading-normal">${state.translate(
           'uploadPageHeader'
diff --git a/app/ui/modal.js b/app/ui/modal.js
index 94416666..48d79862 100644
--- a/app/ui/modal.js
+++ b/app/ui/modal.js
@@ -2,7 +2,7 @@ const html = require('choo/html');
 
 module.exports = function(state, emit) {
   return html`
-  <div class="absolute pin flex items-center justify-center overflow-hidden z-40 bg-cloud" onclick=${close}>
+  <div class="absolute pin flex items-center justify-center overflow-hidden my-8 z-40 bg-cloud" onclick=${close}>
     <div class="h-full max-h-screen absolute pin-t flex items-center">
       <div class="shadow-cloud bg-white" onclick=${e => e.stopPropagation()}>
         ${state.modal(state, emit, close)}
diff --git a/test/integration/homepage-tests.js b/test/integration/homepage-tests.js
index a092071e..88f13c03 100644
--- a/test/integration/homepage-tests.js
+++ b/test/integration/homepage-tests.js
@@ -8,7 +8,6 @@ describe('Firefox Send homepage', function() {
   const footerLinks = [
     'mozilla',
     'legal',
-    'about',
     'legal',
     'cookies',
     'report-infringement',
