diff --git a/client/modules/IDE/components/PreviewFrame.jsx b/client/modules/IDE/components/PreviewFrame.jsx
index c6e0fc0b..17d52362 100644
--- a/client/modules/IDE/components/PreviewFrame.jsx
+++ b/client/modules/IDE/components/PreviewFrame.jsx
@@ -7,6 +7,7 @@ import srcDoc from 'srcdoc-polyfill';
 import loopProtect from 'loop-protect';
 import { JSHINT } from 'jshint';
 import decomment from 'decomment';
+import classNames from 'classnames';
 import { getBlobUrl } from '../actions/files';
 import { resolvePathToFile } from '../../../../server/utils/filePath';
 import {
@@ -330,10 +331,14 @@ class PreviewFrame extends React.Component {
   }
 
   render() {
+    const iframeClass = classNames({
+      'preview-frame': true,
+      'preview-frame--full-view': this.props.fullView
+    });
     return (
       <iframe
         id="canvas_frame"
-        className="preview-frame"
+        className={iframeClass}
         aria-label="sketch output"
         role="main"
         frameBorder="0"
diff --git a/client/styles/components/_preview-frame.scss b/client/styles/components/_preview-frame.scss
index d3cdc904..31f12481 100644
--- a/client/styles/components/_preview-frame.scss
+++ b/client/styles/components/_preview-frame.scss
@@ -5,6 +5,10 @@
   border-width: 0;
 }
 
+.preview-frame--full-view {
+  position: relative;
+}
+
 .preview-frame-holder {
   display: flex;
   flex-direction: column;