diff --git a/src/components/widget-player.jsx b/src/components/widget-player.jsx
index 748bd5e8d..bea9181d4 100644
--- a/src/components/widget-player.jsx
+++ b/src/components/widget-player.jsx
@@ -536,7 +536,7 @@ const WidgetPlayer = ({instanceId, playId, minHeight='', minWidth='',showFooter=
 				style={{minHeight: minHeight + 'px',
 					minWidth: minWidth + 'px',
 					width: demoData.width !== '0px' ? demoData.width : 'auto',
-					height: demoData.height !== '0px' ? demoData.height : '',
+					height: demoData.height !== '0px' ? demoData.height : '100%',
 					position: demoData.loading ? 'relative' : 'static'}}>
 				<iframe src={ demoData.htmlPath }
 					id='container'
diff --git a/src/components/widget-player.scss b/src/components/widget-player.scss
index e687ea5a2..0074c69f6 100644
--- a/src/components/widget-player.scss
+++ b/src/components/widget-player.scss
@@ -8,6 +8,7 @@ body {
 
 #app {
 	position: relative;
+	height: calc(100% - 42px);
 }
 
 section.widget {