From 1a11283086d0c95e10f40dfe3f826bc04889dbcb Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Wed, 27 Jun 2018 16:23:37 -0700
Subject: Fix body overlay on mobile

---
 packages/website/ts/components/wallet/wallet.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/components/wallet/wallet.tsx')

diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx
index febb526d7..1c2ce19b0 100644
--- a/packages/website/ts/components/wallet/wallet.tsx
+++ b/packages/website/ts/components/wallet/wallet.tsx
@@ -123,6 +123,7 @@ const styles: Styles = {
     bodyInnerDiv: {
         overflow: 'auto',
         WebkitOverflowScrolling: 'touch',
+        position: 'relative',
     },
     manageYourWalletText: {
         color: colors.mediumBlue,
@@ -141,7 +142,7 @@ const USD_DECIMAL_PLACES = 2;
 const NO_ALLOWANCE_TOGGLE_SPACE_WIDTH = 56;
 const ACCOUNT_PATH = `${WebsitePaths.Portal}/account`;
 const PLACEHOLDER_COLOR = colors.grey300;
-const LOADING_ROWS_COUNT = 5;
+const LOADING_ROWS_COUNT = 6;
 
 const ActionButton = styled(FloatingActionButton)`
     button {
@@ -190,7 +191,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
     }
     private _renderLoadingBodyRows(): React.ReactElement<{}> {
         const bodyStyle = this._getBodyStyle();
-        const loadingRowsRange = _.range(LOADING_ROWS_COUNT + 1);
+        const loadingRowsRange = _.range(LOADING_ROWS_COUNT);
         return (
             <div key={BODY_ITEM_KEY} className="flex flex-column" style={bodyStyle}>
                 {_.map(loadingRowsRange, index => {
-- 
cgit v1.2.3

