From 19f655dabdd00ced5837a189d015296be989f696 Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Sat, 26 Jan 2019 01:51:21 +0100
Subject: [PATCH] set min-height to 100vh instead of %

---
 src/support/styles/index.js                          | 4 ++--
 src/views/Landing/components/LandingWrapper/index.js | 2 +-
 src/views/Wallet/index.js                            | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/support/styles/index.js b/src/support/styles/index.js
index c3a84194..f8568221 100644
--- a/src/support/styles/index.js
+++ b/src/support/styles/index.js
@@ -8,7 +8,7 @@ import animationStyles from './Animations';
 const baseStyles = createGlobalStyle`
     html, body {
         width: 100%;
-        height: 100%;
+        min-height: 100vh;
         position: relative;
         font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
         font-weight: ${FONT_WEIGHT.NORMAL};
@@ -43,7 +43,7 @@ const baseStyles = createGlobalStyle`
     }
 
     #trezor-wallet-root {
-        height: 100%;
+        min-height: 100vh;
     }
 
     ${animationStyles};
diff --git a/src/views/Landing/components/LandingWrapper/index.js b/src/views/Landing/components/LandingWrapper/index.js
index f1e00613..1e38ce28 100644
--- a/src/views/Landing/components/LandingWrapper/index.js
+++ b/src/views/Landing/components/LandingWrapper/index.js
@@ -18,7 +18,7 @@ type Props = {
 }
 
 const Wrapper = styled.div`
-    min-height: 100%;
+    min-height: 100vh;
 
     display: flex;
     flex-direction: column;
diff --git a/src/views/Wallet/index.js b/src/views/Wallet/index.js
index b210a910..2e6c6e3b 100644
--- a/src/views/Wallet/index.js
+++ b/src/views/Wallet/index.js
@@ -43,7 +43,7 @@ export type Props = StateProps & DispatchProps;
 
 const AppWrapper = styled.div`
     position: relative;
-    min-height: 100%;
+    min-height: 100vh;
     display: flex;
     flex-direction: column;
     background: ${colors.BACKGROUND};