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