diff --git a/common/app/routes/Challenges/Preview.jsx b/common/app/routes/Challenges/Preview.jsx
index 0ca2decdbb4..6457e8114c3 100644
--- a/common/app/routes/Challenges/Preview.jsx
+++ b/common/app/routes/Challenges/Preview.jsx
@@ -26,12 +26,14 @@ export class Preview extends PureComponent {
       <div className={ `${ns}-preview` }>
         {
           !isJSEnabled && (
-            <Alert
-            bsStyle='info'
-            className={ `${ns}-preview-js-warning`}
-            >
-              JavaScript is disabled. Execute code to enable
-            </Alert>
+            <div className='js-alert-wrapper'>
+              <Alert
+              bsStyle='info'
+              className={ `${ns}-preview-js-warning` }
+              >
+                JavaScript is disabled. Execute code to enable
+              </Alert>
+            </div>
           )
         }
         <iframe
diff --git a/common/app/routes/Challenges/challenges.less b/common/app/routes/Challenges/challenges.less
index c57d2ab4eb6..820aa447179 100644
--- a/common/app/routes/Challenges/challenges.less
+++ b/common/app/routes/Challenges/challenges.less
@@ -228,6 +228,14 @@
   .max-element-height();
   width: 100%;
   overflow-y: hidden;
+
+  .js-alert-wrapper {
+    .max-element-height();
+    z-index: 5;
+    position: fixed;
+    width: 100%
+  }
+
 }
 
 .@{ns}-preview-frame {