diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx index f7535473a2fa20b2705c0b80dc69d42368d934cb..13a18a452a56b789e324584e7412fc3ddc2a7bf8 100644 --- a/src/components/gui/gui.jsx +++ b/src/components/gui/gui.jsx @@ -89,7 +89,13 @@ const GUIComponent = props => { <Box className={styles.stageAndTargetWrapper}> <Box className={styles.stageMenuWrapper}> - <StageHeader vm={vm} /> + <MediaQuery minWidth={layout.fullSizeMinWidth}>{isFullSize => ( + <StageHeader + height={isFullSize ? layout.fullStageHeight : layout.smallerStageHeight} + vm={vm} + width={isFullSize ? layout.fullStageWidth : layout.smallerStageWidth} + /> + )}</MediaQuery> </Box> <Box className={styles.stageWrapper}> <MediaQuery minWidth={layout.fullSizeMinWidth}>{isFullSize => (