diff --git a/lms/static/sass/base/_base.scss b/lms/static/sass/base/_base.scss
index 0fad872..b0e2bc4 100644
--- a/lms/static/sass/base/_base.scss
+++ b/lms/static/sass/base/_base.scss
@@ -272,4 +272,9 @@ a.nav-skip {
 
 .fa {
 	font-family: 'FontAwesome' !important;
+}
+
+// Hide element when rendered in iFrame
+.hidden-element {
+    display: none !important;
 }
\ No newline at end of file
diff --git a/lms/templates/main.html b/lms/templates/main.html
index 37a4325..6719fe0 100644
--- a/lms/templates/main.html
+++ b/lms/templates/main.html
@@ -126,6 +126,7 @@
     }).call(this, require || RequireJS.require);
   </script>
   <script type="text/javascript" src="${static.url("lms/js/require-config.js")}"></script>
+  <script type="text/javascript" src="${static.url("lms/js/iframe-render.js")}"></script>
   <%block name="js_overrides">
     ${render_require_js_path_overrides(settings.REQUIRE_JS_PATH_OVERRIDES) | n, decode.utf8}
   </%block>