From dd488d98036b0bd77c33d5507fdaae0f0c6f63a0 Mon Sep 17 00:00:00 2001
From: Scott Lederer <slederer@azavea.com>
Date: Thu, 10 Aug 2017 12:28:37 -0400
Subject: [PATCH] Fix #881 Double scrollbars

---
 src/app/styles/base/_base.scss    |  3 +--
 src/app/styles/layouts/_info.scss | 18 +++++++++++-------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/styles/base/_base.scss b/src/app/styles/base/_base.scss
index 1aaef4b01..70adf0f36 100644
--- a/src/app/styles/base/_base.scss
+++ b/src/app/styles/base/_base.scss
@@ -15,8 +15,7 @@ html {
 body {
     position: relative;
     width: 100%;
-    height: 100%;
+    min-height: 100%;
     background-color: $body-color;
-    overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
 }
diff --git a/src/app/styles/layouts/_info.scss b/src/app/styles/layouts/_info.scss
index cbd0d14e5..e2a1de97e 100644
--- a/src/app/styles/layouts/_info.scss
+++ b/src/app/styles/layouts/_info.scss
@@ -1,16 +1,20 @@
 .body-info, .body-explore, .body-about {
-    display: flex;
-    flex-flow: column nowrap;
-    align-items: stretch;
-    justify-content: flex-start;
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     width: 100%;
-    min-height: 100%;
+    height: 100%;
+    max-height: 100%;
     background-color: $body-color;
     overflow-x: hidden;
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
 
     .main {
-        flex: auto;
-        align-self: center;
+        display: block;
         max-width: $home-main-max-width;
         margin: 0 auto 10rem;