diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx
index 5c7a378dc43c44ff9f3d5d37e3b9ae79ffbbe87f..c2d025dd7973ebf90a13867bd91214c7ed367714 100644
--- a/src/components/gui/gui.jsx
+++ b/src/components/gui/gui.jsx
@@ -144,16 +144,21 @@ const GUIComponent = props => {
                         </Box>
                         <Box className={styles.stageWrapper}>
                             {/* eslint-disable arrow-body-style */}
-                            <MediaQuery minWidth={layout.fullSizeMinWidth}>{isFullSize => {
-                                return isRendererSupported ? (
-                                    <Stage
-                                        height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight}
-                                        shrink={0}
-                                        vm={vm}
-                                        width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth}
-                                    />
-                                ) : null;
-                            }}</MediaQuery>
+                            <MediaQuery
+                                minHeight={layout.fullSizeMinHeight}
+                                minWidth={layout.fullSizeMinWidth}
+                            >
+                                {isFullSize => {
+                                    return isRendererSupported ? (
+                                        <Stage
+                                            height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight}
+                                            shrink={0}
+                                            vm={vm}
+                                            width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth}
+                                        />
+                                    ) : null;
+                                }}
+                            </MediaQuery>
                             {/* eslint-enable arrow-body-style */}
                         </Box>
                         <Box className={styles.targetWrapper}>
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 7d0acf952b9dc3ed8320dcd835deb090c1a5df62..32044e59dc5e479346f16385e6017a28b14d1df7 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -51,7 +51,10 @@ class SpriteInfo extends React.Component {
                     </div>
 
                     <div className={styles.group}>
-                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                        <MediaQuery
+                            minHeight={layout.fullSizeMinHeight}
+                            minWidth={layout.fullSizeMinWidth}
+                        >
                             <div className={styles.iconWrapper}>
                                 <img
                                     aria-hidden="true"
@@ -74,7 +77,10 @@ class SpriteInfo extends React.Component {
                     </div>
 
                     <div className={styles.group}>
-                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                        <MediaQuery
+                            minHeight={layout.fullSizeMinHeight}
+                            minWidth={layout.fullSizeMinWidth}
+                        >
                             <div className={styles.iconWrapper}>
                                 <img
                                     aria-hidden="true"
@@ -99,7 +105,10 @@ class SpriteInfo extends React.Component {
 
                 <div className={classNames(styles.row, styles.rowSecondary)}>
                     <div className={styles.group}>
-                        <MediaQuery minWidth={layout.fullSizeMinWidth}>
+                        <MediaQuery
+                            minHeight={layout.fullSizeMinHeight}
+                            minWidth={layout.fullSizeMinWidth}
+                        >
                             <Label
                                 secondary
                                 text="Show"
diff --git a/src/lib/layout-constants.js b/src/lib/layout-constants.js
index 67c2ae44cc0ecc3c8b979626d4ba51e85a176b63..9c874613f79667984d6e1b722b3f7cf5224f8a01 100644
--- a/src/lib/layout-constants.js
+++ b/src/lib/layout-constants.js
@@ -4,5 +4,6 @@ export default {
     smallerStageWidth: 480 * 0.85,
     smallerStageHeight: 360 * 0.85,
     fullSizeMinWidth: 1096,
+    fullSizeMinHeight: 821, // Adding 7% to 768.
     fullSizePaintMinWidth: 1250
 };