set min-height to 100vh instead of %

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};

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;

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};